Selamat sore teman - teman sekalian, saya kembali menulis di kategori favorit saya yakni bahasa pemrograman java script. Setelah beberapa bulan saya tidak memperbarui tulisan di blog ini, baru kali ini saya mempunyai waktu senggang untuk menulis lagi. ok kali ini saya akan menulis mengenai dasar dari DOM atau disebut pula Document Object Model, untuk lebih jelas mengenai apa itu DOM silahkan cari informasinya di google, karena disini saya hanya menjelaskan secara kode program dan prakteknya saja, silahkan simak langkah - langkahnya sebagai berikut ini:
Buka text editor saya sendiri menggunakan Codelobster php edition
Kemudian buat file HTML baru
Kemudian ketikan kode berikut
<html>
<head>
<title>Bermain DOM</title>
<script type="text/javascript">
function show(){
var nama = document.getElementById("nama").value;
var umur = document.getElementById("umur").value;
alert(nama+"\n"+umur);
}
</script>
<style>
label{
float: left;
width: 80px;
}
</style>
</head>
<body>
<label>Nama</label><input type="text" id="nama"/><br />
<label>Umur</label><input type="text" id="umur"/><br />
<input type="button" value="Tampil" onclick="show()"/>
</body>
</html>
Simpan dengan nama domI.html
Jalankan file pada web browser, dengan double click pada file domI.html
Demikian artikel saya yang sederhana ini semoga sedikit terkesan di mata teman - teman sekalian, artikel saya yang selanjutnya akan membahas penggunaan DOM yang lebih kompleks lagi.
0 Comments:
Post a Comment