Buku Contekan JavaScript (Bagian 1): Variabel dan Cetak Teks

Halo Sobat Jurnal Coding! Selamat datang di edisi Kamus Pintar JavaScript! Rangkaian artikel ini saya buat khusus sebagai Buku Contekan (Cheatsheet) untuk menyelamatkanmu saat sedang buntu merangkai kode.

Satu fakta yang harus kamu terima dengan lapang dada: Lupa aturan penulisan kode itu sangat wajar. Jangankan pemula, developer senior di perusahaan besar pun sering kali harus membuka catatan untuk mengingat perintah dasar. Jangan habiskan memori otakmu untuk menghafal, cukup simpan tautan halaman ini!

Pada Bagian 1, kita akan merefresh kembali ingatan tentang cara memerintahkan komputer untuk berbicara, dan cara menyimpan barang di memori mesin.

### 1. Perintah Output: Komputer Berbicara

JavaScript memiliki beberapa metode berbeda untuk menampilkan hasil eksekusi ke layar pengunjung.

// A. Mulut Rahasia (Console)

console.log("Semua sistem berfungsi.");

// Penjelasan: Pesan ini hanya muncul di panel Inspect Element khusus programmer. Sangat aman digunakan untuk melacak bug tanpa diketahui pengunjung.

// B. Mulut Mengagetkan (Alert)

alert("Data Anda sukses disimpan!");

// Penjelasan: Menghasilkan jendela pop-up di tengah layar. Pengunjung harus menekan tombol OK agar jendela tertutup rapat.

// C. Mulut Elegan (Manipulasi DOM)

document.getElementById("judul").innerText = "Hai Semuanya!";

// Penjelasan: Pendekatan paling profesional. Kode ini mencari elemen HTML dengan ID spesifik, lalu mengganti teks di dalamnya secara halus tanpa merusak tampilan.

### 2. Wadah Penyimpanan: Variabel

Di masa lalu, programmer selalu menggunakan perintah var. Kini, perintah itu sudah sangat usang dan ditinggalkan karena kurang aman. Gantilah dengan dua jenis wadah modern ini:

// A. Kotak Fleksibel (LET)

let poinGame = 100;

poinGame = 150; // Tidak masalah, isi kotak boleh diganti nilainya.

// Penjelasan: Pakailah LET untuk data yang angkanya akan berubah-ubah nanti (contohnya detik waktu atau skor karakter).

// B. Brankas Baja (CONST)

const tahunLahir = 1999;

tahunLahir = 2005; // MESIN AKAN MENGHASILKAN ERROR FATAL!

// Penjelasan: Pakailah CONST untuk data suci yang mutlak dan haram untuk dimodifikasi secara tak sengaja oleh pengunjung.

### 3. Tipe Barang: Tipe Data Dasar

Setelah wadah siap, kamu harus tahu wujud barang apa yang masuk ke sana agar mesin penjumlah tidak bingung.

// A. Teks Biasa (String)

let namaPanggilan = "Budi Santoso";

// Teks kalimat selalu diapit menggunakan tanda kutip!

// B. Angka (Number)

let hargaSepatu = 150000;

let nilaiUjian = 85.5;

// Sama sekali tanpa tanda kutip. Untuk desimal, pastikan memakai titik dan bukan koma.

// C. Indikator Kebenaran (Boolean)

let sudahLogin = true;

let dompetKosong = false;

// Cukup diisi kata kebenaran sejati yaitu true atau false tanpa kutip. Sangat krusial untuk pengecekan logika kondisi.

Semoga rangkuman ini mengusir rasa kebingunganmu saat lupa sintaks! Jangan pergi ke mana-mana dulu, karena di Buku Contekan Bagian 2, kita akan meringkas rumus yang mengatur alur logika program, yaitu kondisi IF dan Perulangan dinamis.