Javascript
Pada kali ini saya akan menjelaskan
tentang javascript. JavaScript adalah sekumpulan perintah khusus yang digunakan untuk
membuat sebuah halaman web yang lebih responsif dan
interaktif. JavaScript merupakan bahasa script yang dicantumkan pada sebuah
halaman web dan dijalankan pada penjelajah web (web browser).
Berikut ini adalah contohnya
|
<html>
<Head>
<title>
Belajar JavaScript </title>
</head>
|
|
<body>
<div
id="pesan">
<h1>
Selamat Datang di Lab TI </h1>
</div>
<button id="buttonWarna"
onClick="gantiWarna()">
Hijau
</button>
|
Sintaks Head digunakan untuk mengisi konten pada bagian kepala
HTML. Title berfungsi untuk memberikan judul pada HTML. Body merupakan isi dari halaman
dokumen(web) yang akan kita buat. Sintaks <h1> berfungsi untuk
memperbesar ukuran dari suatu kalimat yang ada di dalam tag. Sintaks <button>
berfungsi untuk membuat tombol, pada contoh diatas yaitu hijau.”. gantiWarna()
merupakan methode dari button tersebut.
<script type="text/JavaScript">
<!--
function gantiWarna(){
var pesan = document.getElementById('pesan');
var button = document.getElementById('buttonWarna');
if(button.innerHTML == "Hijau"){
pesan.style.cssText = "color:green; background:yellow";
button.innerHTML = "Kuning";
} else if (button.innerHTML == "Kuning"){
pesan.style.cssText = "color:yellow; background:red";
button.innerHTML = "Merah";
} else if (button.innerHTML = "Merah"){
pesan.style.cssText = "color:red; background:green";
button.innerHTML = "Hijau";
}
}
//-->
</script>
|
Sintaks diatas berfungsi untuk merubah warna pada teks,
pada sintkas di atas dapat kita lihat bawa pada saat mengklik tombol(button)
“Hijau” maka teks akan berubah warna menjadi hijau, jika buttin “Kuning” maka
teks akan berubah menjadi warna kuning, begitu juga dengan warna merah.
Output Program
Komentar
Posting Komentar