Belajar Javascript (13. Event)

Akhi Syabab

Event Javascript

Event lebih mudahnya kita pahami sebagai sesuatu yang dapat terjadi. Event ini terjadi pada element HTMl, javascript berfungsi sebagai pemroses. Beberapa contoh diantaranya yaitu :

  • Saat halaman selesai loading
  • Saat isi input berubah
  • Saat tombol di klik
  • dll

contoh mencetak tanggal saat tombol di klik

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
    <title>event1</title>
</head>
<body>
    <button onclick="getElementById('waktu').innerHTML=Date()">Lihat waktu</button>
    <p id="waktu"></p>
    <button onclick="this.innerHTML=Date()">Lihat Waktu </button>
    <script type="text/javascript">
        function tampil() {
            document.getElementById("cetak").innerHTML = Date();
        }
    </script>
    <p id="cetak"></p>
    <button onclick="tampil()">lihat waktu</button>
</body>
</body>
</html>

hasil

Event HTMl ini sangat banyak sekali, saudara bisa lihat di sini

Semoga bermanfaat, sampai jumpa di postingan selanjutnya.

written by @akhi_syabab