JavaScript HTML


JavaScript membuat halaman HTML lebih dinamis dan interaktif.


Contoh

My First JavaScript


Tag <script> HTML

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

Elemen <script>berisi pernyataan skrip, atau menunjuk ke file skrip eksternal melalui srcatribut.

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

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

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

Contoh

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

Tip: Anda dapat mempelajari lebih lanjut tentang JavaScript di Tutorial JavaScript kami .


Rasa JavaScript

Berikut adalah beberapa contoh yang dapat dilakukan JavaScript:

Contoh

JavaScript dapat mengubah konten:

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

Contoh

JavaScript dapat mengubah gaya:

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

Contoh

JavaScript dapat mengubah atribut:

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


Tag <noscript> HTML

Tag HTML <noscript>menentukan konten alternatif yang akan 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>Sorry, your browser does not support JavaScript!</noscript>

Latihan HTML

Uji Diri Anda Dengan Latihan

Olahraga:

Gunakan JavaScript untuk mengubah konten HTML <p>elemen menjadi "Hello World!".

Dokumen <body>

<p id="demo">Hai.</p>

<script> .
("demo").innerHTML = "Halo Dunia!";
</script>

</body>


Tag Skrip HTML

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Untuk daftar lengkap semua tag HTML yang tersedia, kunjungi Referensi Tag HTML kami .