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.
Guitar Chords

Popular posts from this blog

Ramalan Jodoh dan Pasangan Hidup Menurut Tanggal Lahir

Cara Mudah Ambil Uang di ATM BRI (+gambar)

Cara Mengetahui Hari Kelahiran Weton Jawa - Online