Fungsi Tag script (Tag HTML)

BERANDA > FUNGSI DAN KEGUNAAN TAG HTML > Fungsi Tag script (Tag HTML)


A. Pengenalan Tag script (Tag HTML)


Tag script merupakan tag yang digunakan untuk menaruh kode javascript.

B. Contoh Penggunaan Tag script (Tag HTML)


• Penggunaan Tag script

Contoh:


<div id="tes"></div>

<script>

document.getElementById("tes").innerHTML = "Ini adalah javascript";

</script>


Hasil:



Catatan: Saat membuat tag script pada html(bukan di head), untuk tag yang memiliki id harus berada diatas script, Jika tidak kode tidak berhasil dimuat.

C. Contoh Penerapan Tag script (Tag HTML)


• Contoh Nomor 1


<div id="lampu">Saat ini lampu menyala</div> ----- (bagian1)

<button onclick="saklar1()" id="saklarlampu">Nyalakan</button> ----- (bagian2-kebawah)
<button onclick="saklar2()" id="saklarlampu">Matikan</button>

<script> ----- (bagian3-kebawah)
function saklar1(){
document.getElementById("lampu").innerHTML = "Saat ini lampu sedang menyala";
}
function saklar2(){
document.getElementById("lampu").innerHTML = "Saat ini lampu sudah dimatikan";
}
</script>


Hasil:


Saat ini lampu menyala


Keterangan: Pada html dan script diatas memiliki banyak bagian, bagian 1 untuk paragraf yang akan diubah tulisannya, bagian 2 untuk tombol yang akan ditekan, bagian 3 fungsi sistem untuk melakukan jika bagian 2 ditekan. Memang agak sulit untuk memahami javascript, jika belum mengetahui dasar javascript atau bahasa pemrograman.

Tidak ada komentar:

Posting Komentar

Jangan lupa memberikan saran dan laporan bila terdapat sesuatu yang ingin kamu sampaikan.

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

Katakan bila ingin ada materi atau pembahasan yang ingin ditambahkan atau yang kurang lengkap.