DOM . DOM . DOM .
Apa sih itu DOM ?
DOM adalah Document Objek Model. Apa sih gunanya DOM di HTML ?
DOM itu bagian utama dari HTML , 3 bagian utama HTML ada :
DOM, CSS , & JavaScript . DOM selalu menganggap semua yang ada dibagian halaman web itu objek . contohnya nih kaya text judul , paragraph,grafik(gambar), dan lain lain.
Misalnya nih kalian membuat web dengan DOM, Kalian bisa mengatur halaman web sebagai objek dan dapat memberikan karakteristik seperti warna atau ukuran yang di ubah sesuka hati pengguna. Jadi setiap huruf yang berwarna-warni itu sebagai halaman web .
<html>
<head> <title> TestDOM </title> </head>
<script type="text/javascript">
function pembeli()
{
var jumlah=0;
var harga;
if(document.getElementById("pilih1").checked)
{
harga=document.getElementById("pilih1").value;
jumlah=jumlah+parseInt(harga);
}
if(document.getElementById("pilih2").checked)
{
harga=document.getElementById("pilih2").value;
jumlah=jumlah+parseInt(harga);
}
if(document.getElementById("pilih3").checked)
{
harga=document.getElementById("pilih3").value;
jumlah=jumlah+parseInt(harga);
}
document.getElementById("total").value=jumlah;
}
</script>
<body>
<h3>Silahkan pilih Jersey yang anda ingin beli </h3>
Jersey Lengan pendek Rp.100.000 <input type="checkbox" id="pilih1" value="100000" onClick="pembeli()"> <br/>
Jersey Lengan panjang&polo Rp.105.000 <input type="checkbox" id="pilih2" value="105000" onClick="pembeli()"> <br/>
Jersey Jaket Rp.165.000 <input type="checkbox" id="pilih3" value="165000" onClick="pembeli()"> <br/>
<hr>
Total Rp<input type="text" id="total">
</body>
</html>
Hasilnya : ini contoh saya,
nah DOM nya itu .
DOM itu pas kalian klik checklist pada harga-harganya , akan tertotal langsung tuh disitu .
nah itu namanya DOM .mempermudah pembaca untuk membeli jersey saya, dan tau jumlah yang harus dibayar kalo beli satuan .
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Mungkin penjelasan saya sebagai pemilik blog ini kurang jelas, saya pun masih belajar mengenal DOM .
Tujuan saya membuat ini membantu pembaca untuk mengerti sedikit tentang DOM , karena DOM CSS dan JavaScript saling berhubung .
Kalo nanti saya sudah mendapatkan ilmu dari Dosen saya, saya akan membagi pengetahuan baru .
Sekian dari saya , maaf jika ada kekurangan . Kalo pembaca punya contoh dan pengertian lain ,
coret coret gan .
leave comment masih ingin dimanja .
Terimakasih .
.jpg)
.jpg)
.jpg)
0 komentar:
Posting Komentar