MooTools - Estructura del programa
MooTools es una herramienta que se puede utilizar para diseñar modelos orientados a objetos. Analicemos en este capítulo un ejemplo sencillo de la biblioteca MooTools.
Ejemplo
Aquí diseñaremos un modelo llamado Rectangle usando Class. Para esto, necesitamos declarar las propiedades: Ancho y Alto.
Eche un vistazo al siguiente código y guárdelo en sample.html.
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javaScript">
var Rectangle = new Class({
//properties
width: 0,
height: 0,
//methods
initialize: function(widthVal, heightVal) {
this.width = widthVal;
this.height = heightVal;
},
details: function() {
document.write("Welcome to MooTools demo program");
document.write("Width: "+this.width+" Height: "+this.height);
},
});
var rec = new Rectangle(5,4);
rec.details();
</script>
</head>
<body>
</body>
</html>Recibirá el siguiente resultado: