← Galeri
Pesan
Demo oleh abcweb.id
Ngoding Santai Tutorial web untuk pemula
Menu

JavaScript Tingkat: Pemula 2 menit baca 3 contoh kode

Variabel dan tipe data: menyimpan nilai di JavaScript

Mengenal const dan let, tiga tipe data paling dasar, dan cara mencoba kode langsung di konsol peramban.

Laras Wulandari Terbit

Seri JavaScript dari nol Bagian 1 dari 4

Lihat semua bagian seri ini
  1. Variabel dan tipe data: menyimpan nilai di JavaScript (sedang dibaca)
  2. Kondisi dan perulangan: membuat kode mengambil keputusan
  3. Fungsi: membungkus langkah agar bisa dipakai ulang
  4. DOM dan event: membuat tombol yang benar-benar bekerja
Daftar isi
  1. Mencoba di konsol
  2. const dan let
  3. Tiga tipe data dasar
  4. Teks tidak sama dengan angka
  5. Ringkasan
  6. Latihan

Yang akan dipelajari

  • Membuka konsol di peramban
  • Perbedaan const dan let
  • Tipe string, number, dan boolean
  • Mengubah teks menjadi angka

Prasyarat

  • Peramban apa saja dengan alat pengembang
  • Tidak perlu pengalaman JavaScript

JavaScript adalah bahasa pemrograman yang berjalan di peramban. Sebelum membuat halaman bereaksi terhadap klik, kita perlu paham cara menyimpan dan mengolah nilai. Semua contoh di bagian ini bisa dicoba tanpa membuat berkas apa pun.

Mencoba di konsol

Buka alat pengembang di peramban (biasanya lewat tombol F12 atau menu klik kanan lalu "Periksa"), kemudian pilih tab Konsol. Ketik sebaris kode, tekan Enter, dan hasilnya langsung muncul.

const dan let

Variabel adalah nama untuk sebuah nilai. Pakai const untuk nilai yang tidak akan diganti dan let untuk nilai yang akan berubah.

Konsol JavaScript
const nama = 'Rani';
let umur = 20;

umur = umur + 1;

console.log(nama); // Rani
console.log(umur); // 21

Kalau kamu mencoba mengisi ulang variabel const, JavaScript menolak dan menampilkan galat. Itu hal baik: kode memberi tahu kita ketika ada nilai yang berubah tanpa sengaja. Kebiasaan yang kami sarankan: pakai const dulu, ganti ke let hanya ketika memang perlu.

Tiga tipe data dasar

  • String adalah teks, ditulis di antara tanda kutip: 'halo'.
  • Number adalah angka, bulat maupun pecahan: 42 atau 3.5.
  • Boolean hanya punya dua nilai: true atau false.
Konsol JavaScript
console.log(typeof 'halo'); // string
console.log(typeof 42);     // number
console.log(typeof true);   // boolean

Teks tidak sama dengan angka

Nilai yang diketik pengguna di kolom isian selalu berupa string, walaupun isinya angka. Tanda + menyambung string tetapi menjumlahkan number, jadi hasilnya bisa mengejutkan.

Konsol JavaScript
console.log('5' + 2);         // 52
console.log(Number('5') + 2); // 7

Ringkasan

  • const untuk nilai tetap, let untuk nilai yang berubah.
  • Tiga tipe dasar: string, number, boolean.
  • typeof menunjukkan tipe sebuah nilai.
  • Gunakan Number() untuk mengubah teks menjadi angka sebelum berhitung.

Latihan

Kerjakan tanpa melihat contoh dulu. Buntu itu wajar; intip seperlunya.

  1. Buat variabel harga dan jumlah, lalu tampilkan hasil kalinya dengan console.log.
  2. Coba isi ulang sebuah const dan baca pesan galat yang muncul.
  3. Tebak dulu hasil '3' + '4', baru jalankan di konsol.

Ditulis oleh Laras Wulandari

Penulis JavaScript · 5 tutorial

Pernah mengajar kelas komputer untuk remaja di balai warga. Percaya bahwa konsep paling rumit pun bisa dijelaskan dengan contoh sehari-hari, asal contohnya benar-benar dijalankan dulu.

Tutorial lain dari Laras

Tutorial terkait