JavaScript HTML

JavaScript membuat halaman HTML lebih dinamis dan interaktif.

Tag <script> HTML

Tag <script> HTML digunakan untuk menentukan skrip sisi klien (JavaScript).

Elemen <script> berisi pernyataan naskah, atau menunjuk ke suatu file script eksternal melalui atribut src.

Penggunaan umum untuk JavaScript adalah manipulasi gambar, validasi formulir, dan perubahan konten yang dinamis.

Untuk memilih elemen HTML, JavaScript paling sering menggunakan metode document.getElementById() ini.

Contoh JavaScript dibawah ini menulis "Halo JavaScript!" menjadi elemen HTML dengan id="demo".

Contoh

<script>
document.getElementById("demo").innerHTML = "Halo JavaScript!";
</script>

Penggunaan JavaScript

Berikut beberapa contoh yang dapat dilakukan JavaScript.

A. JavaScript dapat mengubah konten:

document.getElementById("demo").innerHTML = "Halo JavaScript!";

B. JavaScript dapat mengubah style:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "blue";
document.getElementById("demo").style.backgroundColor = "red";

C. JavaScript dapat mengubah atribut:

document.getElementById("image").src = "picture.gif";

Tag <noscript> HTML

Tag <noscript> HTML mendefinisikan konten alternatif untuk ditampilkan kepada pengguna yang telah menonaktifkan skrip di browser mereka atau memiliki browser yang tidak mendukung skrip.

Contoh

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Maaf, browser Anda tidak mendukung JavaScript!</noscript>

Sumber referensi: w3schools