JavaScript dan Browser

JavaScript adalah bahasa yang membuat halaman web menjadi interaktif. Setiap browser modern sudah memiliki mesin JavaScript, jadi kamu tidak perlu menginstal apa pun untuk memulai — cukup buka console di DevTools (F12).

Variabel: let dan const

Gunakan const untuk nilai yang tidak berubah dan let untuk nilai yang bisa berubah. Hindari var karena perilaku scope-nya membingungkan.

javascript
const nama = "BengkelKode";
let umur = 25;
umur = 26; // boleh berubah
// nama = "Lain"; // error: const tidak bisa diubah
Fungsi

Fungsi adalah blok kode yang bisa dipakai ulang. Bentuk modernnya adalah arrow function:

javascript
const sapa = (nama) => `Halo, ${nama}!`;
console.log(sapa("BengkelKode")); // Halo, BengkelKode!
Manipulasi DOM

DOM (Document Object Model) adalah representasi struktur halaman. Kamu bisa mengubah isinya dengan JavaScript:

javascript
const judul = document.querySelector("h1");
judul.textContent = "Judul baru!";

document.querySelector("#tombol").addEventListener("click", () => {
  alert("Tombol diklik!");
});

Pelajari ketiga konsep ini sampai lancar sebelum melompat ke framework. Framework dibangun di atas fondasi ini.