📦 Variabel dan Tipe Data

Selamat datang di dunia JavaScript! Nah, sebelum mulai ngoding lebih jauh, penting banget buat ngerti konsep dasar yaitu variabel dan tipe data. Bayangin variabel itu kayak kotak penyimpanan yang kita kasih nama supaya gampang diakses. Di dalam kotak ini, kita bisa simpan berbagai jenis data sesuai kebutuhan.
Tipe data sendiri itu seperti label yang kasih tahu isi kotak tersebut. Misalnya, angka, teks, atau nilai benar/salah. Dengan tahu tipe data, JavaScript bisa mengelola dan memproses data dengan tepat. Jadi, variabel dan tipe data ini adalah pondasi penting supaya program kita bisa berjalan lancar dan sesuai harapan!

✍️ Struktur Umum Variabel dan Tipe Data

// Mendeklarasikan variabel menggunakan let (nilainya bisa diubah)
let namaPengguna = "Budi";

// Mendeklarasikan variabel menggunakan const (nilainya tetap)
const umur = 25;

// Contoh beberapa tipe data
let pesan = "Selamat belajar!"; // String (teks)
let jumlahSiswa = 50; // Number (angka)
let apakahLulus = true; // Boolean (benar/salah)
let dataKosong = null; // Null (sengaja dikosongkan)

Penjelasan dari konsep di atas sebagai berikut:

let, Ini buat bikin variabel yang bisa kamu ubah-ubah nilainya nanti di kode. Misalnya, kamu bisa simpan angka awal, terus ganti kapan saja saat program jalan.
const, Kalau pakai ini, berarti variabel yang kamu buat nilainya nggak boleh berubah. Kalau kamu coba ubah, JavaScript bakal kasih error. Cocok buat nilai yang memang tetap, seperti angka pi atau nama aplikasi.
String, Ini tipe data buat teks, kayak kalimat atau kata-kata. Isinya harus selalu diapit tanda kutip, bisa pakai '...', "...", atau `...` (backtick) yang juga bisa buat template string.
Number, Tipe data ini buat angka, baik itu bilangan bulat seperti 10, 20, atau angka desimal seperti 3.14. Jadi kalau kamu mau hitung-hitungan, pakai tipe data ini.
Boolean, Punya cuma dua nilai: true (benar) atau false (salah). Sangat penting buat kondisi dan pengambilan keputusan di program, misalnya "apakah user sudah login?" jawabannya ya atau tidak.
null dan undefined, Keduanya artinya “tidak ada nilai,” tapi beda tipis. null itu artinya kamu sengaja kasih tanda kalau variabel itu kosong. Sedangkan undefined berarti variabel sudah dibuat tapi belum diisi apa-apa. Jadi, null itu kayak kotak yang kamu tahu kosong, undefined itu kotak yang belum kamu isi sama sekali.

💻 Contoh Kode:

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Data Diri</title>
  </head>
  <body>
    <h1>Cek Konsol Browser untuk Melihat Hasil</h1>

    <script>
      // Deklarasi variabel data diri
      const nama = "Siti";
      let usia = 22;
      let sudahMenikah = false;

      // Menampilkan nilai variabel ke konsol
      console.log("Nama Lengkap:", nama);
      console.log("Usia Saat Ini:", usia);
      console.log("Status Pernikahan:", sudahMenikah);

      // Mengecek tipe data menggunakan 'typeof'
      console.log("Tipe data dari 'nama' adalah:", typeof nama);
      console.log("Tipe data dari 'usia' adalah:", typeof usia);
      console.log("Tipe data dari 'sudahMenikah' adalah:", typeof sudahMenikah);

      // Contoh mengubah nilai variabel 'let'
      usia = 23;
      console.log("Selamat ulang tahun! Usia sekarang:", usia);
    </script>
  </body>
</html>

⚙️ Demo Interaktif:

💡 Tips: Gunakan const secara default. Ganti ke let hanya jika Anda tahu nilai variabel tersebut perlu diubah. Hindari penggunaan var pada kode modern.