Di posting kali ini saya ngeshare aja yah mumpung buat tugas juga... Kali ini gue ngeposting tentang DOM yaitu Document Object Model
Menurut w3school :
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
yang artinya :
"The W3C Document Object Model (DOM) adalah sebuah platform dan antarmuka bahasa-netral yang memungkinkan program dan skrip untuk secara dinamis mengakses dan memperbarui konten, struktur, dan gaya dari sebuah dokumen."
Menurut gue DOM itu untuk membantu kita mengcoding html dengan java script agar tampil lebih menarik dan membuat lebih mudah pengguna berinteraksi dengan web...
(ya maaf kalo pendapat gue begitu maklum itu pun saya kurang begitu paham tentang DOM hehe)
Ini contoh tentang DOM nya yang saya cari cari dan saya mengubahnya hahaha....
dengan mengklik button warna tulisan dan merubah jenis font.
Di .html nya seperti ini :
<!DOCUMENT html>
<html>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<center>
<h1>Ubah Warna Tulisan dan Merubah Jenis Font</h1>
<input type="button" name="font" onclick="algerian()" value="Algerian" />
<input type="button" name="font" onclick="old()" value="Old English" />
<input type="button" name="font" onclick="joker()" value="Jokerman" />
<h1 id="demo">Rubah Warna Tulisan Ini Bisa Tidak?</h1>
<input type="button" name="warna" onclick="Biru()" value="Ubah Jadi Biru" />
<input type="button" name="warna" onclick="Kuning()" value="Ubah Jadi Kuning" />
<input type="button" name="warna" onclick="Ungu()" value="Ubah Jadi Ungu" />
</center>
</body>
</html>
Gue pisahin java script karena gue yakin nanti itu codingan nempel nempel jadi ga jelas
Ini coding di java script (script.js) nya :
function algerian()Hasil nya seperti ini kalo saya tes yah :
{
document.getElementById ("demo").style.fontFamily="algerian";
}
function old()
{
document.getElementById ("demo").style.fontFamily="Old English Text MT";
}
function joker()
{
document.getElementById ("demo").style.fontFamily="jokerman";
}
function Biru()
{
document.getElementById ("demo").style.color="blue";
}
function Kuning()
{
document.getElementById ("demo").style.color="yellow";
}
function Ungu()
{
document.getElementById ("demo").style.color="purple";
}
Demikian sekilas aja gue belum begitu paham bener tentang DOM itu sendiri... ya kalo kesimpulannya sih sepertinya DOM itu untuk memudahkan pengguna untuk berinteraksi dengan web(mengcoding webnya). Gue juga kurang paham cuman kalo mau lebih paham lompat aja ke web ini "w3schools.com".
Dengan ini semoga nilai bagus wkwkwk :D
