Pada artikel sebelumnya saya sudah menjelaskan pengertian event tersebut, sekarang kita akan belajar menggunaknnya dengan program yang sederhana.
1. Onclick
Kita akan membuat sebuah tombol pada halaman website yang jika di tekan akan memunculka pesan windows alert. tulis script ini kedalam notepad lalu simpan dengan ekstensi .HTML.
Maka hasilnya seperti ini :
Pada contoh berikutnya jika tombol raidio buton di klik maka warna backgroud akan berubah warna :
Maka hasil dari dua script di atas adalah seperti gambar di bawah :
.bmp)
2. Onload
Onload akan di jalankan apabila suatu objek diload, dalam kasus ini kita akan menaruh event onload di bagian tag <body> sehinga ketika suatu halaman web diload maka akan muncul sebuah pesan. lakukan seperti di atas tulis script ini dan simpan dengan ekstensi .HTML.
Maka hasilnya akan seperti ini :
.bmp)
3. Onmouseover and Onmouseout
Onmouseover mendeteksi apakah pointer berada di atas suatu objek HTML sedangakan Onmouseout adalah sebaliknya yaitu mendeteksi apakah mouse keluar dari objek HTML. seperti biasa ketikan script berikut dan simpan dengan ekstensi .HTML.
Maka tamplanya akan seperti ini :
.bmp)
Sekarang anda dapat mencobanya sendiri.
.bmp)
.bmp)
.bmp)
.bmp)
0 komentar
Posting Komentar