Setelah sebelumnya dibahas apa itu event, dan untuk apa event, sekarang akan di praktikan kegunaan event. Akan dibuat 3 buat tombol yang memiliki event masing-masing.
event.html
event.html
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>Event</title>
- <script type="text/JavaScript">
- function diklik(){
- alert("Event diklik");
- }
- function dimouseover(){
- alert("Event Mouse Over");
- }
- function dimouseout(){
- alert("Event Mouse Out");
- }
- </script>
- </head>
- <body>
- <input type="button" value="onclick" onclick="diklik()"/>
- <input type="button" value="onmouseover" onmouseover="dimouseover()"/>
- <input type="button" value="onmouseout" onmouseout="dimouseout()"/>
- </body>
- </html>
Pertama event klik, lalu event mouseover ketika kursor didekati ke objek, ketiga mouseout yaitu ketika kursor mouse didekati lalu dijauhi.
berikut hasil jadi dari code diatas
Tidak ada komentar:
Posting Komentar