Sign in Subscribe

Javascript Event

Event Mouse Di Javascript Yang Kalian Wajib Tahu

Reza Daulay

20 Nov 2023 • 1 min read

Fungsi Event Mouse

Untuk Respons Interaktif: Memunculkan pesan, mengubah tampilan, atau menampilkan informasi saat pengguna melakukan sesuatu.
Memperkuat User Experience: Membuat web lebih dinamis dengan menambahkan fungsi event, memberikan konten tambahan tanpa harus memuat ulang halaman.
Fleksibilitas di Desain: Dapat mengubah gaya atau properti elemen.

Event Mouse Terbagi Dua

Click Event: Fungsi yang akan berjalan ketika mouse di klik satu kali.
Double Click Event: Fungsi yang akan berjalan ketika mouse di klik dua kali.

1. Click Event

<!DOCTYPE html>
<html>
<head>
    <script>
    function myFunction(){
        document.getElementById("demo").innerHTML = "Hello World";
    }
    </script>
</head>
<body>
    <p>Klik tombol untuk menjalankan fungsi.</p>
    <button onclick="myFunction()">KLIK </button>
    <div id="demo"></div>
</body>
</html>

Contoh Event Click

2. Double Click Event

<!DOCTYPE html>
<html>
<head>
    <script>
    function myFunction(){
        document.getElementById("demo").innerHTML = "Hello World";
    }
    </script>
</head>
<body>
    <p ondblclick="myFunction()">KLIK DUA KALI Disini untuk untuk melihat fungsi</p>
    <div id="demo"></div>
</body>
</html>

Contoh Event Double Click