Ads by Yasya El Hakim
Tutorial Lengkap HTML: JavaScript pada HTML - Bagian 22

Kalian bisa menggunakan JavaScript agar dokumen HTML yang kalian miliki bisa menjadi lebih dinamis dan interaktif.

Tag <script>

Tag <script> dapat kalian gunakan untuk meletakan Script yang bersifat Client-Side (JavaScript).

Elemen <script> terdiri dari Statement Script, atau terdiri dari Script yang berasal dari sumber lain yang dapat dituliskan dengan menggunakan atribut src.

Biasanya, JavaScript digunakan untuk memanipulasi gambar, validasi from, dan perubahan konten yang dinamis.

Untuk memilih suatu elemen, metode yang paling sering digunakan adalah document.getElementById().

Contoh

Kode berikut akan menghasilkan teks "Halo Semuanya" kedalam elemen HTML yang memiliki id="contoh".
<script>
document.getElementById("contoh").innerHTML = "Halo Semuanya";
</script> 
See the Pen 91. HTML JavaScript by Yasya El Hakim (@elhakimyasya) on CodePen.

Tips: Kalian dapat mempelajari tentang JavaScript pada Tutorial Lengkap JavaScript.

Menggunakan JavaScript

Berikut adalah beberapa contoh hal yang bisa dilakukan oleh JavaScript.

JavaScript dapat merubah konten pada HTML

document.getElementById("contoh").innerHTML = "Halo Semuanya";

JavaScript dapat merubah Style pada HTML

document.getElementById("contoh").style.fontSize = "25px";
document.getElementById("contoh").style.color = "red";
document.getElementById("contoh").style.backgroundColor = "yellow"; 

JavaScript dapat merubah atribut pada HTML

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

Tag <noscript>

Tag <noscript> dapat kalian gunakan untuk memberikan konten alternatif bagi pengguna yang menonaktifkan JavaScript pada Browser atau pengguna yang tidak memiliki Browser dan tidak mendukung Client-Side Script.

Contoh

<script>
document.getElementById("contoh").innerHTML = "Halo Semuanya";
</script>

<noscript>Maaf, Browser yang anda gunakan tidak mendukung JavaScript!</noscript> 
See the Pen 92. HTML Noscript by Yasya El Hakim (@elhakimyasya) on CodePen.

Tag Script pada HTML

  • <script> - Untuk menentukan Client-Side Script.
  • <noscript> - Untuk menentukan konten alternatif bagi pengguna yang tidak mendukung Client-Side script pada Browsernya.

Sebelumnya: Tutorial Lengkap HTML: Iframe pada HTML - Bagian 21
Selanjutnya: Tutorial Lengkap HTML: Path pada HTML - Bagian 23
Daftar isi: Tutorial Lengkap HTML

Sumber: https://www.w3schools.com/

0Komentar

Sebelumnya Selanjutnya