BERAWAL DARI JAVASCRIPT
  • Welcome
  • Latar belakang
  • Bab 1: Apa itu JavaScript?
    • A. Pengenalan tentang JavaScript, sejarah singkat, dan perannya dalam dunia pemrograman
    • Perbedaan antara JavaScript, HTML dan CSS
  • Bab 2: Mengenal dasar-dasar JavaScript
    • A. Struktur dasar sebuah program JavaScript
    • B. Variabel, tipe data, dan operator
    • C. Percabangan dan pengulangan
    • D. Fungsi dan parameter
  • Bab 3: Menggunakan JavaScript di halaman web
    • A. Memasukkan kode JavaScript ke dalam halaman web
    • B. Menggunakan DOM (Document Object Model) untuk mengontrol elemen HTML
    • C. Menangani event seperti klik, hover, dan lainnya
  • Bab 4: Menerapkan OOP (Object Oriented Programming) di JavaScript
    • A. Pengenalan tentang OOP dan konsep-konsepnya seperti inheritance, polymorphism, dan encapsulation
    • B. Membuat kelas dan objek di JavaScript
  • Bab 5: Menggunakan JavaScript di luar halaman web
    • A. Menggunakan JavaScript untuk mengakses data API (Application Programming Interface)
    • B. Membuat aplikasi web dengan JavaScript dan framework seperti React atau Angular
  • Bab 6: Tips dan trik dalam belajar JavaScript
    • A. Cara belajar yang efektif untuk memahami konsep-konsep dasar JavaScript
    • B. Sumber-sumber belajar yang dapat diakses untuk memperluas pengetahuan
    • C. Tips untuk menghindari kesalahan-kesalahan umum dalam membuat program JavaScript
  • Bab 7: Menggunakan JavaScript di aplikasi desktop
    • A. Membuat aplikasi desktop dengan JavaScript menggunakan framework seperti Electron
    • B. Integrasi dengan sistem operasi melalui API yang disediakan
  • Bab 8: Menggunakan JavaScript di aplikasi mobile
    • A. Membuat aplikasi mobile dengan JavaScript menggunakan framework seperti React Native
    • B. Integrasi dengan fitur-fitur seperti kamera, GPS, dan lainnya
  • Bab 9: Kata-kata terkenal tentang JavaScript
  • Bab 10: Menggunakan JavaScript di server
  • Bab 11: Tips dan trik avanset dalam menggunakan JavaScript
  • Bab 12: Kata-kata terkenal tentang JavaScript (lanjutan)
  • Bab 13: Persamaan penggunaan dan konsep dengan bahasa pemrograman lain
  • Bab 14: Penggunaan JavaScript dalam industri
  • Bab 15: Kata-kata terkenal tentang JavaScript (lanjutan)
  • Bab 16: Penggunaan JavaScript dalam kehidupan sehari-hari
  • Bab 17: Menggunakan JavaScript di masa depan
  • Bab 18: Penggunaan JavaScript di luar web
  • Bab 19: Kompetisi dan komunitas JavaScript
  • Bab 20: Kesimpulan
  • Bab 21: Penerapan JavaScript dalam proyek nyata
  • Bab 22: Mencari pekerjaan dengan JavaScript
  • Bab 23: JavaScript di masa depan (Lanjutan)
  • Bab 24: Latihan soal JavaScript
  • Bab 25: List coding interview JavaScript dari semua industri
  • Kesimpulan
  • Daftar Pustaka
  • ☕Buy me a Coffee
Powered by GitBook
On this page

Was this helpful?

  1. Bab 3: Menggunakan JavaScript di halaman web

C. Menangani event seperti klik, hover, dan lainnya

PreviousB. Menggunakan DOM (Document Object Model) untuk mengontrol elemen HTMLNextBab 4: Menerapkan OOP (Object Oriented Programming) di JavaScript

Last updated 2 years ago

Was this helpful?

JavaScript dapat menangani event seperti ketika element diklik, form dikirim, dll. Event dapat ditangani dengan menggunakan method addEventListener. Berikut adalah contoh penggunaannya:

<button id="myButton">Click me</button>


<script>
  var button = document.getElementById('myButton');
  button.addEventListener('click', function() {
    console.log('Button was clicked');
  });
</script>

Method addEventListener menerima dua parameter, yaitu nama event yang akan ditangani (dalam contoh di atas adalah "click") dan function yang akan dijalankan ketika event tersebut terjadi.

Selain "click", ada banyak event lain yang bisa ditangani dengan JavaScript, seperti:

  • "submit" (ketika form dikirim)

  • "focus" (ketika element mendapatkan fokus)

  • "blur" (ketika element kehilangan fokus)

  • "mouseover" (ketika mouse berada di atas element)

  • "mouseout" (ketika mouse keluar dari element)

Dan masih banyak lagi. Untuk daftar lengkap event yang bisa ditangani dengan JavaScript, bisa dilihat di sini:

https://developer.mozilla.org/en-US/docs/Web/Events