⚡ Apa Itu JavaScript?
JavaScript (JS) itu bahasa pemrograman yang bikin web lo hidup dan interaktif.
Kalau HTML itu rangka, CSS itu baju,
maka JavaScript tuh nyawanya.
Tanpa JS, web lo cuma cakep doang tapi diem aja kayak patung 😆
🔥 JavaScript Ngapain Aja?
JS bisa ngelakuin hal-hal kece kayak:
- Bikin tombol bisa diklik & ngeluarin aksi
- Nampilin pop-up atau alert
- Validasi form (cek email bener gak, password udah isi belum)
- Ngambil data dari internet (API)
- Bikin animasi / efek keren
- Ngatur tampilan tanpa reload halaman
Pokoknya, JS tuh bikin web lo punya interaksi, bukan cuma “liat doang”.
🤖 Contoh JavaScript Gampang
Misalnya lo pengen munculin pesan pas user klik tombol.
HTML-nya:
<button onclick="halo()">Klik Gue!</button>
JS-nya:
function halo() {
alert("Halo bro/sis! 👋");
}
Pas lo klik tombol itu, langsung muncul alert lucu.
Keren, kan? Gak perlu reload-reload segala.
⚙️ Cara Pakai JS di Web
- Inline (langsung di tag HTML):
<button onclick="alert('Hai!')">Klik aku</button>
- Internal (di dalam tag
<script>):
<script>
console.log("Web-nya udah jalan!");
</script>
- External (paling proper, JS-nya ditaro di file
.js):
<script src="script.js"></script>
🧠 Intinya Nih:
- HTML = nyusun konten
- CSS = ngatur tampilan
- JavaScript = bikin web lo bisa ngerespon user
Tanpa JS, web lo kaku banget. Tapi begitu JS masuk…
Boom! Web lo bisa klik sana, geser sini, keluar animasi, ngambil data, auto-update, dll.
👾 Bonus: Contoh Seru JS
<button onclick="ubahTeks()">Ubah Teks</button>
<p id="teks">Ini teks awal</p>
<script>
function ubahTeks() {
document.getElementById("teks").innerHTML = "Teksnya udah berubah coy!";
}
</script>
Klik tombol → teks di bawahnya berubah langsung.
Gak ribet tapi impactful!
Kalau lo udah paham HTML, CSS, JS, itu artinya lo udah bisa bikin website interaktif. Tinggal gas terus belajar logic sama project-project kecil biar makin jago 💪