← Kembali ke Beranda
Ilustrasi Artikel

Buku Pintar JavaScript (Bagian 1): Output dan Variabel Dasar

Halo Sobat Jurnal Coding! Mari kita bicara jujur. Tidak peduli apakah kamu seorang pemula yang baru belajar coding sebulan, atau seorang Senior Software Engineer yang sudah bekerja di Google selama sepuluh tahun, ada satu penyakit manusiawi yang pasti dialami oleh semua programmer: LUPA SINTAKS KODE!

Menghafal ratusan baris perintah pemrograman itu adalah hal yang sangat mustahil dan membuang-buang kapasitas otak. Saat kita sedang asyik memikirkan alur logika sebuah aplikasi, tiba-tiba kita lupa: "Aduh, perintah untuk memunculkan peringatan pop-up di layar itu pakai tanda kurung atau tanda kutip ya?"

Ujung-ujungnya, kita kembali membuka mesin pencari dan mencarinya lagi dari awal.

Untuk menghemat waktumu, saya telah menyusun Artikel Buku Pintar (Cheatsheet) JavaScript ini. Artikel Bagian 1 ini akan merangkum seluruh perintah dasar yang paling sering digunakan untuk mengeluarkan teks (Output) dan menyimpan data (Variabel). Simpan tautan halaman ini baik-baik, karena kamu pasti akan sering mengunjunginya kembali!

### 1. Perintah Menampilkan Teks (Output)

Sebelum aplikasi bisa cerdas, ia harus bisa berkomunikasi dengan manusia. Di JavaScript, ada tiga jalur komunikasi utama yang memiliki kegunaan masing-masing.


// A. Console Log (Jalur Komunikasi Rahasia)

console.log("Halo! Pesan ini tidak terlihat oleh pengunjung biasa.");

// Penjelasan: Hanya muncul di tab "Inspect > Console". Sangat krusial untuk programmer mencari error (debugging) secara diam-diam.



// B. Alert (Jalur Interupsi Paksa)

alert("Selamat! Pendaftaran Anda berhasil.");

// Penjelasan: Memunculkan kotak pop-up di tengah layar. Pengunjung harus menekan OK agar bisa kembali membaca website.



// C. Document Write (Jalur Menulis Langsung)

document.write("Teks ini langsung menempel di halaman web.");

// Penjelasan: Mencetak teks mentah ke layar putih. Jarang digunakan di proyek profesional karena bisa menimpa desain HTML, namun sangat bagus untuk latihan cepat.


### 2. Kotak Penyimpanan Ingatan (Variabel)

Di JavaScript versi modern, ada dua jenis "kotak kardus" utama yang kita gunakan untuk menyimpan barang atau ingatan komputer. Jangan gunakan perintah var lagi karena itu adalah peninggalan teknologi kuno yang penuh dengan celah keamanan!


// A. Kotak Terbuka (Menggunakan LET)

let namaPengunjung = "Budi";

namaPengunjung = "Andi"; // Sah-sah saja!

// Penjelasan: Gunakan "let" jika isinya mungkin akan berubah-ubah di masa depan (misalnya skor permainan yang bisa bertambah atau nyawa yang bisa berkurang).



// B. Brankas Terkunci (Menggunakan CONST)

const tanggalLahir = 1998;

tanggalLahir = 2000; // ERROR FATAL!

// Penjelasan: Singkatan dari Constant (Tetap). Gunakan "const" untuk data suci yang mutlak dan tidak boleh diubah oleh siapapun secara tidak sengaja (misalnya rumus Phi 3.14 atau ID pengguna).


### 3. Bentuk Barang di Dalam Kotak (Tipe Data)

JavaScript sangat cerdas dalam menebak barang apa yang kamu masukkan ke dalam kotak variabel. Namun, kamu harus berhati-hati saat menuliskannya agar mesin tidak kebingungan.


// 1. String (Teks)

let hobi = "Membaca Buku";

// Wajib pakai tanda kutip ganda atau tunggal.



// 2. Integer & Float (Angka dan Desimal)

let umur = 25;

let beratBadan = 65.5;

// Haram pakai tanda kutip! Desimal wajib pakai titik (.) bukan koma (,).



// 3. Boolean (Kebenaran Mutlak)

let sedangHujan = true;

let dompetKosong = false;

// Hanya menerima dua nilai: true atau false. Digunakan untuk sakelar logika.


Bagaimana? Setelah membaca rangkuman ini, ingatanmu pasti kembali segar. Pastikan kamu benar-benar menguasai cara membedakan "let" dan "const", karena itu adalah pertanyaan wawancara kerja yang paling sering dilontarkan oleh HRD kepada programmer pemula! Di artikel Bagian 2, kita akan merangkum perintah level menengah yaitu Logika Keputusan dan Perulangan.

Apa pendapatmu tentang artikel ini?