Fungsi Tag script (Tag HTML)

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

DAFTAR ISI

A. Pengenalan Tag script (Tag HTML)

B. Contoh Penggunaan Tag script (Tag HTML)

C. Contoh Penerapan Tag script (Tag HTML)

AKHIR

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.

BERCAMILAN