JavaScript adalah bahasa pemrograman yang jalan di browser dan bikin halaman web bisa bereaksi: tombol yang merespons klik, form yang dicek sebelum dikirim, isi halaman yang berubah tanpa reload. HTML mengatur isi halaman, CSS mengatur tampilannya, JavaScript mengatur perilakunya. Kalau halaman itu rumah, HTML kerangkanya, CSS catnya, dan JavaScript listriknya.
🧪 Tebakan cepat: kalau
console.logditulisConsole.logdengan C besar, apa yang terjadi? Tebak dulu, jawabannya ada di bagian "Huruf besar dan kecil itu beda".
JavaScript ditulis di dalam <script>
Ini halaman kecil dengan satu judul dan tiga baris JavaScript:
<h1 id="title">Halo Dunia!</h1>
<script>
const title = document.getElementById("title");
title.textContent = "Teks sudah berubah";
console.log(title.textContent);
</script>
<script>dan</script>adalah tag HTML tempat JavaScript ditulis. Browser menjalankan isinya baris demi baris, dari atas ke bawah.document.getElementById("title")mencari elemen yang punyaid="title", yaitu<h1>tadi.const title =menyimpan elemen itu dengan namatitle, supaya baris berikutnya bisa memakainya.title.textContent = "Teks sudah berubah";mengganti teks judulnya.console.log(title.textContent);mencetak teks judul itu ke console. Penjelasannya ada di bagian berikut.- Titik koma
;menandai akhir satu perintah.
Hasilnya, judul di halaman berubah jadi "Teks sudah berubah" tanpa reload. JavaScript juga boleh ditaruh di file sendiri, lalu dipasang dengan <script src="app.js"></script>.
console.log: cetak hasil ke console
Console adalah panel khusus developer di browser (tekan F12, lalu pilih tab Console). Di latihan, console adalah panel output di bawah editor. Pengunjung halaman gak melihat console, jadi console dipakai buat mengecek hasil kodemu.
let pesan = "Halo, JavaScript!";
console.log(pesan);
"Halo, JavaScript!"adalah sebuah nilai (value), yaitu data yang dipegang kode. Nilai ini berupa teks, dan teks di JavaScript selalu diapit tanda kutip.let pesan = ...bikin variabel: wadah bernamapesanyang menyimpan nilai itu. Variabel dibahas lebih dalam di lesson berikutnya.console.log(pesan)adalah pemanggilan fungsi (function call): nama perintahnya, lalu tanda kurung berisi apa yang mau dicetak. Di sini yang dicetak isipesan.
Console menampilkan Halo, JavaScript!, tanpa tanda kutip. Teks juga bisa dicetak langsung: console.log("Halo!").
Huruf besar dan kecil itu beda
JavaScript peka huruf besar-kecil (case-sensitive). console dan Console dianggap dua nama yang berbeda, dan yang ada cuma console dengan huruf kecil. Jadi Console.log("Halo") gagal dengan error Console is not defined, dan kodenya berhenti di baris itu. Nama buatanmu sendiri juga begitu: pesan dan Pesan itu dua nama yang beda.
Di mana JavaScript jalan
JavaScript lahir buat browser, jadi kamu gak perlu install apa pun: semua browser sudah bisa menjalankannya. Sekarang JavaScript juga bisa jalan di luar browser, misalnya di server, lewat Node.js. Jadi satu bahasa bisa dipakai di browser dan di Node.js.
⚠️ Jebakan yang sering ketemu
- Mengira
console.logtampil ke pengunjung. Console cuma buat developer. Buat menampilkan sesuatu ke pengunjung, ubah isi halamannya, kayaktitle.textContentdi atas. - Tanda kutip gak berpasangan.
"Halotanpa kutip penutup bikin error. Buka dan tutup teks dengan kutip yang sama:"Halo"atau'Halo'. - Mengira JavaScript sama dengan Java. Namanya mirip, tapi keduanya bahasa yang berbeda.
TL;DR: JavaScript bikin halaman web bisa bereaksi: HTML isinya, CSS tampilannya, JavaScript perilakunya. Kodenya ditulis di dalam <script> dan jalan dari atas ke bawah. console.log(...) mencetak nilai ke console, yang cuma dilihat developer. Teks diapit tanda kutip, dan huruf besar-kecil itu beda: console, bukan Console. JavaScript jalan di browser tanpa install, dan juga di luar browser lewat Node.js.
