Fungsi Serta Contoh Penggunaan GetElementById pada Javascript

Hallo teman-teman bertemu lagi di panduan Source Code Aplikasi, di panduan kali ini kita akan belajar javascript yaitu manfaat dari getelementbyid() di javascript, sebelum kita praktek, kita mesti tahu dulu manfaat getelementbyid di javascript.

Kegunaan dari getelementby id disini ialah bagi mengambil sebuah nilai dari HTML yang kemudian dapat kita cetak atau mainkan sesuka kita, oke daripada bingung kita seketika saja praktekan, silahkan teman-teman bikin sebuah file HTML dan ketikan script berikut :

<input type='text' id='isi' />
<input type='button' onclick='validasi()' value='Check' />

Nah script di atas saya membangun sebuah inputan dengan id isi dan tombol dengan menggunakan atribut onclick(), lalu sekarang ini silahkan teman-teman tambahkan script javascript berikut:

<script type=text/javascript>
function validasi(){
 var isikata = document.getElementById('isi');
 if(isikata.value != )
  alert(Isi Inputan:  + isikata.value)
 else
  alert(tak boleh kosong ?)  
}
</script>

Penjelasan dari script di atas yaitu saya memanggil atribut onclick dengan function  lalu saya membangun variable ini kata dimana nilainya menurut id yang terdapat di inputan text dengan id isi tadi, lalu saya membangun proses apabila inputan tak kosong karenanya akan muncul pesan alert yang kemudian mencetak isi inputan kita, dan apabila isinya kosong karenanya akan muncul pemberitahuan alert inputan tak boleh kosong.

Oke teman-teman lumayan dulu bagi panduan kali ini, semoga bermanfaat.

Terimakasih.

Sumber https://kursuswebsite.org