Sama dengan jQuery mootols juga mempunya beberapa metode di dalamnya, sperti metode set(). Metode set ini berfungsi untuk memnambahkan styles atau event pada sautu elemen yang telah kita buat. Dimana elemen tersebut akan terpengaruh oleh style dan event yang telah kita berikan. Pada tutorial kali ini saya akan mencoba membahas tentang Cara Menggunakan Element Method Set pada Mootools.

Nah, sekarang saya akan mencoba menjelaskan Cara Menggunakan Element Method Set pada Mootools, berikut langkah-langkahnya:

– Pertama buka text editor teman-teman dan masukan kode html di bawah ini:

Coba teman-teman jalankan di browser teman-teman maka tampilannya akan menjadi seperti gambar di bawah ini:

Cara Menggunakan Element Method Set pada Mootools

Kedua, teman-teman download file mootoolsnya di website mootools, lalu simpan di dalam folder yang sama dengan file htmlnya.

Ketiga, kita panggil file mootoolsnya ketikan di dalam tag head, berikut kodenya:

Keempat, teman-teman ketikan scriptnya sebelum penutup tag body untuk memasukan style pada element btn, berikut kodenya:

Coba teman-teman refresh browser teman-teman, maka tampilan button akan berubah sesuai style yang telah kita berikan:

Cara Menggunakan Element Method Set pada Mootools

Kelima kita akan membuat fungsi untuk menampilkan alert pada saat elemen di click, berikut scriptnya:

ketikan setelah style yang berada dalam tag script.

Refresh lagi browser teman-teman dan coba klik pada tombol yang telah kita buat, maka akan tampil alert seperti gambar di bawah ini:

Cara Menggunakan Element Method Set pada Mootools

Jadi selain menggunakan jQuery kita juga bisa menggunakan mootools sebagai framawork javascript, sekarang terserah pada teman-teman mau menggunakan framework yang mana. Sekain tutorial kali ini tentang Cara Menggunakan Element Method Set pada Mootools. Selamat mencoba yah teman-teman.