Lompat ke konten utama
←

JavaScript dari Nol

Pelajaran 3 dari 23

Variabel dan tipe

Teks dan template literal

Setelah pelajaran ini kamu bisa merangkai teks dengan template literal dan memakai method dasar string.

  • ±13 menit
  • 3 latihan
  • Diperiksa 27 Sep 2026

Latihan di pelajaran ini butuh akun gratis. Progres, kode, dan catatanmu hanya tersimpan di browser ini. Masuk untuk menyimpannya

Materi

Teks (string) ditulis di antara tanda kutip ganda, kutip tunggal, atau backtick. Property length memberi jumlah karakter, termasuk spasi. Method toUpperCase membuat huruf besar semua, toLowerCase huruf kecil semua, dan trim membuang spasi di kedua ujung.

Teks yang ditulis di antara backtick disebut template literal. Di dalamnya, ${ } diganti dengan nilai variabel atau hasil perhitungan.

const nama = "Sari";
const kota = "Bandung";
console.log(`${nama} tinggal di ${kota}`); // Sari tinggal di Bandung
console.log(nama.length);                  // 4
console.log(kota.toUpperCase());           // BANDUNG

Template literal dipakai setiap kali teks dirakit dari data: baris struk, pesan kesalahan yang menyebut nama berkas, atau kalimat yang dipasang ke halaman. Keuntungannya terlihat saat kalimatnya panjang — `Faktur ${nomor} atas nama ${pelanggan} jatuh tempo ${hari} hari lagi` terbaca utuh sebagai kalimat, sedangkan penyambungan dengan tanda tambah memecahnya menjadi potongan kutipan dan variabel yang berselang-seling.

Method string tidak mengubah teks aslinya. Hasilnya adalah teks baru yang perlu disimpan ke variabel.

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Lanjutkan ke

Tampilkan 2 lagi

Sebagian materi kelas ini diadaptasi dari Microsoft Web Dev for Beginners (2-js-basics, 4-typing-game, 7-bank-project) (MIT), Exercism — jalur JavaScript (MIT).