Mengenal Method addEventListener Dalam JavaScript

AddEventListener adalah method yang sangat penting dalam JavaScript. Merupakan method yang berfungsi untuk membuat event (click, change, mouseout, dll) untuk keperluan manipulasi DOM. Dalam artikel kali ini, saya akan menunjukan bagaimana cara menggunakannya.

Di sini saya menampilkan video sebagai object untuk dimanipulasi.

Kemudian buatlah tag script di bawahnya.

Dalam tag script, pertama kita akan membuat tombol "Play" berfungsi, maka perintahnya adalah.

document.getElementById berfungsi untuk mengambil DOM yang akan dimanipulasi, kemudian kita tambahkan addEventListener dengan event klik mouse "click". audio.play() adalah method untuk memutar media (video/audio).

Selanjutnya kita buat tombol "Pause" dan "Stop" berfungsi.

Here it is...

Silahkan pelajari:

http://www.w3schools.com/js/js_events.asp

http://www.w3schools.com/tags/ref_av_dom.asp

http://www.w3schools.com/jsref/met_document_addeventlistener.asp