MooTools - Struktur Program

MooTools adalah alat yang dapat digunakan untuk mendesain model berorientasi objek. Mari kita bahas di bab ini contoh sederhana dari perpustakaan MooTools.

Contoh

Di sini kita akan mendesain model bernama Rectangle menggunakan Class. Untuk ini, kita perlu mendeklarasikan properti - Lebar dan Tinggi.

Lihat kode berikut, dan simpan ke 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>

Anda akan menerima output berikut -

Keluaran