Mengenal Fungsi Document.getElementById() di Javascript
Di panduan kali ini sahabat akan belajar Mengenal Kegunaan Document.getElementById() DI javascript serta bagaimana cara penggunaannya .
Di dasarnya kegunaan dari Document.getElementById() ialah bagi mengambil sebuah value di inputan yang terdapat di HTML pastinya dengan syarat element inputan tersebut mempunyai ID , karena kegunaan getElementById sesuai namanya, dia akan mengambil value lewat ID.
Saya akan memberikan contoh penggunaannya :
Kasusnya seperti ini, “saya akan menampilkan ke browser apapun yang di inputkan kedalam sebuah textfield”
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title></title>
</head>
<body>
<input type=text id=nama>
<br>
<input type=text id=tempat tinggal>
<br>
<input type =button value=cetak onclick=cetak()>
<script type=text/javascript>
function cetak() {
var nama = document.getElementById('nama').value;
var tempat tinggal = document.getElementById('tempat tinggal').value;
alert(nama : +nama+ tempat tinggal : + tempat tinggal);
}
</script>
</body>
</html>
Setelah disalin, silakan jalankan di browser masing-masing dan apabila berhasil karenanya hasilnya kurang lebih akan seperti ini :
Oke sekianlah panduan kali ini semoga dapat menambah pengetahuan sahabat yang sedang atau baru mau mulai belajar mengenai javascript.
Sumber https://kursuswebsite.org