Jumat, 11 Agustus 2017

Bagian 4 - Mengenal Event pada javascript


Ketika Javascript digunakan di halaman HTML, Javascript dapat bereaksi terhadap sebuah Event
Dalam Contoh berikut, Event OnClick ditambahkan ke elemen tombol.

<!DOCTYPE html>
<html>
<body>

<button onclick="document.getElementById('aksi').innerHTML=Date()">The time is?</button>

<p id="aksi"></p>

</body>
</html>

Output :


Sat Aug 12 2017 13:26:33 GMT+0800 

pada contoh diatas, kode javascript akan mengubah isi elemen dengan id="aksi"

untuk contoh selanjutnya, kode akan mengubah isi elemennya sendiri menggunakan innerHTML

<!DOCTYPE html>
<html>
<body>

<button onclick="this.innerHTML='Terima Kasih'">Click</button>

</body>
</html>

Output :



Event HTML yang sering digunakan

1. OnClick
2. OnChange
3. Onmouseover
4. Onmouseout
5. Onkeydown
6. Onload

itu lah sekilah materi tentang Event HTML yang bisa digunakan untuk menjalankan function Javascript


Salam SeniKoding




0 komentar:

Posting Komentar