Hallo teman-teman bertemu lagi pada tutorial Dumet School, pada tutorial kali ini kita akan belajar javascript yaitu fungsi dari getelementbyid() pada javascript, sebelum kita praktek, kita harus tahu dulu fungsi getelementbyid pada javascript.
Fungsi dari getelementby id disini ialah untuk mengambil sebuah nilai dari HTML yang kemudian dapat kita cetak atau mainkan sesuka kita, oke daripada bingung kita langsung saja praktekan, silahkan teman-teman buat sebuah file HTML dan ketikan script berikut :
<input type='text' id='isi' /> <input type='button' onclick='validasi()' value='Check' />
Nah script di atas saya membuat sebuah inputan dengan id isi dan tombol dengan menggunakan atribut onclick(), lalu sekarang 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("tidak boleh kosong ?")
}
</script>
Penjelasan dari script di atas adalah saya memanggil atribut onclick dengan function lalu saya membuat variable ini kata dimana nilainya berdasarkan id yang ada pada inputan text dengan id isi tadi, lalu saya membuat proses apabila inputan tidak kosong maka akan muncul pesan alert yang kemudian mencetak isi inputan kita, dan apabila isinya kosong maka akan muncul pemberitahuan alert inputan tidak boleh kosong.
Oke teman-teman cukup dulu untuk tutorial kali ini, semoga bermanfaat.
Terimakasih.