Cara Memunculkan Teks dengan Button OnClick

Pada pembahasan kali ini akan saya ulang tentang bagaimana cara memunculkan teks/ link, merubah warna maupun merubah ukuran font serta family dengan sekali klik button.

Sebelum membuat kode-kode yang akan digunakan, silahkan Anda lihat demonya.

Untuk membuatnya, Anda cukup menggunakan HTML, Button dan Javascript.
<!DOCTYPE html>
<html>
<body>
<p id="KSdemos" style="display:none">Oh, darimana saya datang ..?</p>
<script>
function myFunction() {
var x = document.getElementById("KSdemos");
x.style.fontSize = "25px";
x.style.color = "red";
x.style.display = "block";
}
</script>
<button onclick="myFunction()">Klik Saya !!</button>
</body>
</html>
PENJELASAN
Pada myFunction adalah sebuah langkah awal untuk memanggil fungsi dari javascript.
Perhatikan kode var x. Bagian ini ada keterkaitannya dengan setiap CSS dibawahnya.
Untuk x.style.fontSize = "25px"; adalah CSS yang telah dimasukkan kedalam javascript, begitupula untuk bagian lain yang hampir sama.
Mengapa menggunakan x.style ?
Karena diawal tadi saya menggunakan var x
Jika saya menggunakan var contoh maka akan dibuat contoh.style
Semoga penjelasan ini dapat mempermudah Anda dalam mempelajari ilmu Javascript.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini