Pada tutorial kali ini anda akan belajar Mengenal Fungsi Document.getElementById() DI javascript serta bagaimana cara penggunaannya .
Pada dasarnya fungsi dari Document.getElementById() adalah untuk mengambil sebuah value pada inputan yang ada di HTML tentunya dengan syarat element inputan tersebut memiliki ID , karena fungsi getElementById sesuai namanya, dia akan mengambil value melalui 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="alamat">
<br>
<input type ="button" value="cetak" onclick="cetak()">
<script type="text/javascript">
function cetak() {
var nama = document.getElementById('nama').value;
var alamat = document.getElementById('alamat').value;
alert("nama :" +nama+" alamat : " + alamat);
}
</script>
</body>
</html>
Setelah disalin, silakan jalankan pada browser masing-masing dan jika berhasil maka hasilnya kurang lebih akan seperti ini :
Oke sekian tutorial kali ini semoga bisa menambah wawasan anda yang sedang atau baru mau mulai belajar tentang javascript.