Javascript adalah salah satu bahasa pemograman yang membuat konten anda menjadi lebih dinamis dan interaktif. Menggunakan HTML saja tidak cukup, jika kita ingin membuat sebuah website yang interaktif dan dinamis maka diperlukannya javascript. Maksudnya interaktif bagaimana? Jika kalian pernah melihat sebuah website yang menampilkan sebuah popup notifikasi, itu pakai javascript. Kalian juga bisa membuat sebuah element menghilang menggunakan javascript, masih banyak lagi kegunaan javascript lainnya.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Javascript Belajar Apa Aja</title>
<script>
function tampilkanHelloWorld(){
document.getElementById("pesan").innerText = "Hello World!";
}
</script>
</head>
<body>
<button onclick="tampilkanHelloWorld()">Tampilkan</button>
<p id="pesan"></p>
</body>
</html>Contoh tersebut menampilkan sebuah button Tampilkan ketika di klik, menjalankan fungsi tampilkanHelloWorld maka pada element paragraph dengan id pesan. Akan terisi sebuah kata Hello world!
Bagaimana jika kita ingin memanggil sebuah file javascript kita kedalam file html kita? Biasanya kita menemukan file javascript sendiri, tidak digabung dengan file HTMLnya. Mari kita praktikkan.
function tampilkanHelloWorld(){
document.getElementById("pesan").innerText = "Hello World!";
}<!DOCTYPE html>
<html lang="en">
<head>
<title>Javascript Belajar Apa Aja</title>
<script src="tampilkan-hello-world.js"></script>
</head>
<body>
<button onclick="tampilkanHelloWorld()">Tampilkan</button>
<p id="pesan"></p>
</body>
</html>Tambahkan attribute src untuk memanggil file javascript anda, pastikan file javascript satu folder dengan file html anda.
Anda dapat mempelajari berbagai hal pada website ini. Jika anda ingin mempelajari hal lain diluar teknologi, kalian bisa melihat kategori belajar apa aja. Terima kasih!