Event Listener pada Javascript

Dalam melakukan pemrograman berbasis web kita pasti menangani event-event yang terjadi pada DOM (Document Object Modul) pada aplikasi web kita. Pada artikel kali ini kita akan memahami mengenai eventListener pada Javascipt.

1. querySelector
   Kita perlu menguasai querySelector untuk mendapatkan object dari DOM. Untuk mempelajari querySelector silahkan mengunjungi https://www.w3schools.com/jsref/met_document_queryselector.asp  dan http://javascript.info/searching-elements-dom .
   
2. addEventListener
   Kita perlu menambahkan addEvenetListener seperti dijelaskan di https://www.w3schools.com/jsref/met_document_addeventlistener.asp .
   
3. Melihat event-event yang bisa diberikan listener
   Event-event yang bisa kita buat listenernya ada di https://www.w3schools.com/jsref/dom_obj_event.asp .
   
4. Visibility
   Mungkin kita perlu belajar mengenai visibility dari DOM
   Kita bisa mempelajarinya di https://www.w3schools.com/css/css_display_visibility.asp .
   

Contoh source code yang saya buat adalah seperti berikut ini:

document.querySelector("#TblCustomer_country_id").addEventListener("change", function(){
	cekNegara();
});

function cekNegara()
{
	country_id_indonesia = 10;
	province_id_other = 35;
	
	if (document.querySelector("#TblCustomer_country_id").value == country_id_indonesia)
	{
		//alert("Negara Indonesia");
		document.querySelector("#div_province_id").style.display="block";
	}
	else
	{
		//alert("Luar negeri");
		document.querySelector("#TblCustomer_province_id").value = province_id_other;
		document.querySelector("#div_province_id").style.display="none";
	}
	
}
cekNegara();

Kunjungi www.proweb.co.id untuk menambah wawasan anda