Belajar HTML Part 20 - Kombinasi dengan Javascript

Assalamu'alaikum Warahmatullaahi Wabarakatuh

Kali ini kita akan mempelajari tentang kombinasi HTML dengan Javascript. Dengan menambahkan javascript pada sebuah halaman HTML, halaman bisa menjadi lebih dinamis dan interaktif.

1. Tag <script>

Tag <script> digunakan untuk mendefinisikan sebuah client-side script.

Tag <script> bisa berisi kumpulan script dalam tag itu sendiri, atau bisa mengimpor script dari file lain, dengan menambahkan atribut src.

• Contoh javascript dalam tag itu sendiri :

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

• Contoh javascript dari file lain :

<script src="contoh.js"></script>

2. Tag <noscript>

Tag <noscript> digunakan untuk alternatif jika javascript yang dibuat tidak bisa ditampilkan misal karena browser yang digunakan tidak mendukung. Contoh script :

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

<noscript> Elemen tidak bisa ditampilkan, karena browser Anda tidak mendukung. </script>

3. Beberapa Contoh Basic Penggunaan Javascript

• Mengubah konten dari sebuah elemen

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

script di atas akan mengubah isi dari sebuah elemen bernama contoh dengan tulisan Hello Javascript!

• Mengubah style dari sebuah elemen

<script> document.getElementById("contoh").style.fontSize = "30px"; </script>

script di atas akan mengubah ukuran font dari sebuah elemen bernama contoh menjadi 25 pixel.

• Mengubah value atribut dari sebuah elemen.

<script> document.getElementById("gambar").src = "batweber.jpg"; </script>




Script di atas akan mengubah atribut src sebuah elemen <img> dengan batweber.jpg.

Demikian Tutorial Kombinasi HTML dengan Javascript dasar. Semoga bermanfaat.

Terima kasih, wassalamu'alaikum warahmatullaahi wabarakatuh.