Sabtu, 08 April 2017

Mengenal Event Pada Javascript

on April 08, 2017 Tidak ada komentar


Pengertian Event Pada Javascript

      Event pada javascript adalah sesuatu yang terjadi pada element. Apa maksud dari event pada javascript...?? Maksudnya adalah misal kita membuat tombol di halaman website atau aplikasi apapun yang kita bangun, dan kita ingin memberikan suatu aksi jika tombol tersebut di klik. kesimpulannya event adalah jika tombol tersebut di klik maka akan muncul pesan dan klik itulah yang di namakan event.

Macam-macam event pada javascript.
  • onclick = adalah event jika sebuah element HTML di klik
  • onchange = adalah event jika sebuah element HTML berubah
  • onmouseover = adalah event jika sebuah element di letakkan cursor mouse
  • onmouseout = adalah event jika saat cursor mouse meninggalkan elemnet HTML
  • onkeydown = adalah event jika saat terjadi pengetikan element HTML
  • onload = adalah event jika saat halaman di buka
Cara Membuat Event Javascript

Untuk membuat event dengan javascript, kita bisa tambah kan nama-nama yang ada di atas tadi.

Contoh

<button onclick="di sini berikan aksi yang ingin di lakukan">TOMBOL</button>
 Contoh Event pada javascript

Untuk contohnya saya akan membuat event klik pada sebuah tombol. Saya ingin menampilakan aksi pada saat tombol di klik

<!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript</title>
</head>
<body>
    <h1>Mengenal Event Pada Javascript</h1>

    <!-- memberikan event pada element tombol -->
    <button onclick="tampilkan_nama()">KLIK SAYA</button>

    <!-- id hasil -->
    <div id="hasil"></div>

    <script>       
        // membuat function tampilkan_nama
        function tampilkan_nama(){
            document.getElementById("hasil").innerHTML = "<h3>Nama Saya Adalah Amirul Muttaqin</h3>";
        }
       
    </script>
</body>
</html>
 Kita perhatikan contoh di atas, terdapat event klik
<button onclick="tampilkan_nama()">KLIK SAYA</button>
Pada saat tombol di klik maka secara otomatis akan menjalankan function tampil_nama. Lalu kita buat function tampil_nama
function tampilkan_nama(){
            document.getElementById("hasil").innerHTML = "<h3>Nama Saya Adalah Amirul Muttaqin</h3>";
Perhatikan hasilnya




 Dan kekita di klik akan muncul seperti di bawah.




Disana muncul kalimat "Nama Saya Adalah Amirul Muttaqin"

Referensi : www.malasngoding.com


Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )