-

Belajar Javascript Part 7 : Mengenal Event Pada Javascript


Belajar Javascript Part 7 Mengenal Event Pada Javascript

Belajar Javascript Part 7 : Mengenal Event Pada Javascript

Belajar Javascript Part 7 : Mengenal Event Pada Javascript – Halo teman-teman sekalian. jumpa lagi ti tutorial javascript dasar di malasngoding.com. kali ini sesuai dengan judulnya, kita akan membahas tentang event pada javascript. teman-teman sudah tau belum pengertian dari event? kalau sudah tau alhamdulilah, tapi mungkin ada teman-teman yang belum tau. jadi lebih baik saya jelaskan kembali pengertian event pada javascript. silahkan teman-teman simak tentang pengertian event pada javascript berikut ini.

Pengertian Event Pada Javascript

Event pada javascript adalah sesuatu yang terjadi pada element. pasti teman-teman pada bingung kan dengan pengertian event pada javascript. jadi gini, misalnya kita memiliki sebuah tombol di halaman website atau aplikasi yang kita bangun, dan kita ingin memberikan suatu aksi jika tombol tersebut di klik. jadi yang menjadi event di sini adalah “klik”. misalnya jika tombol di klik maka akan di tampilkan pesan yang menampilkan sebuah kalimat. jadi event nya adalah klik. adapun beberapa event yang terdapat pada javascript adalah sebagai berikut.

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 html di letakkan cursor mouse.
  • onmouseout = adalah event jika saat cursor mouse meninggalkan element html.
  • onkeydown = adalah event jika saat di terjadi pengetikan pada elemnet html.
  • onload = adalah event ketika jika saat element atau halaman di buka.

Baiklah akan kita bahas beberapa event javascript yang sudah di jelaskan di atas.

Cara Membuat Event Javascript

Untuk membuat event dengan javascript, kita bisa menambahkan atribut dengan nama-nama event di atas, pada element html yang ingin kita berikan event. contohnya.

Contoh event pada Javascript

untuk contohnya saya akan membuat event klik pada sebuah tombol. jadi saya ingin menampilkan sebuah kalimat jika tombol tersebut di klik.

coba teman-teman perhatikan pada contoh di atas, terdapat sebuah tombol yang kita berikan event klik.

pada saat tombol ini di klik maka akan di jalankan function tampilkan_nama(). nah lalu kita buat function tampilkan_nama nya.

isi dari function tampilkan_nama() ini adalah menampilkan kalimat “nama saya adalah andi” pada element id hasil.

perhatikan pada gambar berikut ini.

mengenal event pada javascript

mengenal event pada javascript

pada saat tombol di klik,

cara membuat event pada javascript

cara membuat event pada javascript

nah, muncul “nama saya adalah andi”.

Sekian dulu tutorial Belajar Javascript Part 7 : Mengenal Event Pada Javascript di www.malasngoding.com semoga bermanfaat.


Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

Tutorial Menarik Lainnya

membuat game tebak angka javascript
Membuat fungsi terbilang dengan javascript
Membuat fitur show hide password di HTML
Menghitung Jumlah Kata Dengan Javascript

Diskusi

Belum Ada Diskusi

Tulis Komentar / Pertanyaan

Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD