Hallo sahabat Dumetschool semuanya, berjumpa lagi nih di website kursuswebdesign Dumet School. Pada kesempatan kali ini saya akan membahas tentang sebuah event pada Javascript. Sebelumnya sahabat sudah kenalan belum sama event yang ada di Javascript, semoga saja sudah ada yang sering ketemu dengan event yang digunakan dalam Javascript. Sedikit saya berikan pengertian apasih Event yang ada di Javascript dan contohnya. Event yang ada di Javascript adalah sesuatu yang terjadi pada suatu element. Kenapa bisa begitu terjadi sama suatu element, misalkan nih saya berikan contohnya dalam sebuah website, terdapat form input (Login atau Register) nah tentu ada button atau tombol yang pasti akan di “klik” , jadi kita akan membuat pesan saat tombol di klik maka akan ditampilkan suatu kalimat, maka event yang digunakan yaitu klik.

Dalam kasus kali ini saya akan membuat sebuah event Online Offline pada Javascript , untuk membuatnya sekarang sahabat siapkan terlebih struktur HTMLnya seperti berikut ini:

jika sudah sekarang tambahkan script dari Javascript-nya

Coba sahabat lihat pada script diatas saya menambahkan event listener online dan offline , jadi jika sahabat sudah selesai mengetikkan script diatas maka jalankan pada browser masing-masing, sekarang lihat hasilnya seperti berikut ini :

Mengenal Event Online dan Offline di Javascript

  • Jadi pada gambar diatas saat online text berwarna hijau dan pilihan offline tidak terchecklist
  • dan saat offline text berwarna merah lalu pilihan offline terchecklist

Saya kira cukup sampai disini pembahasan artikel kali ini membuat sebuah event Online Offline pada Javascript , semoga bermanfaat dan sampai jumpa lagi dengan artikel lainnya.

terima kasih