JavaScript (JS) adalah bahasa pemrograman yang digunakan untuk membuat website lebih interaktif dan dinamis.
Kalau:
- HTML = kerangka (struktur konten)
- CSS = desain (tampilan)
- JavaScript = otak (logika & interaksi)
Tanpa JavaScript, website hanya bisa menampilkan teks, gambar, dan link secara statis. Dengan JavaScript, website bisa hidup: ada animasi, tombol bisa diklik, form bisa dicek otomatis, dll.
🔹 Fungsi JavaScript
Beberapa fungsi utama JavaScript di website:
- Interaktif → Membuat tombol, menu dropdown, popup, slideshow, form validasi.
- Manipulasi Halaman → Bisa mengubah isi HTML atau gaya CSS tanpa reload halaman.
- Animasi & Efek Visual → Membuat transisi, efek hover, carousel, dll.
- Komunikasi dengan Server → Menggunakan AJAX/Fetch untuk ambil data tanpa reload (contohnya di aplikasi chatting/web modern).
- Logika & Perhitungan → Bisa menghitung, memproses data, bahkan membuat game berbasis web.
🔹 Contoh JavaScript Sederhana
1. Menampilkan Pesan (Alert)
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<button onclick="alert('Halo, Selamat Datang!')">Klik Saya</button>
</body>
</html>
👉 Saat tombol diklik, muncul popup pesan.
2. Mengubah Isi Teks
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<h1 id="judul">Halo Dunia!</h1>
<button onclick="document.getElementById('judul').innerHTML='Teks Sudah Berubah!'">Ubah Judul</button>
</body>
</html>
👉 Saat tombol ditekan, teks judul berubah otomatis.
3. Validasi Form
<!DOCTYPE html>
<html>
<head>
<title>Form Validasi</title>
</head>
<body>
<form onsubmit="return cekForm()">
Nama: <input type="text" id="nama">
<input type="submit" value="Kirim">
</form>
<script>
function cekForm() {
let nama = document.getElementById("nama").value;
if (nama == "") {
alert("Nama tidak boleh kosong!");
return false;
}
return true;
}
</script>
</body>
</html>
👉 Kalau form dikirim tanpa nama, muncul peringatan.
🔹 Analogi Sederhana
Bayangkan mobil:
- HTML = rangka mobil
- CSS = cat dan desain interior
- JavaScript = mesin dan fitur (bisa jalan, bisa klakson, lampu otomatis, dll.)
👉 Jadi, JavaScript adalah bahasa pemrograman untuk memberi nyawa pada website, agar bisa berinteraksi dengan pengguna dan terasa hidup.