MulaiCode
JavaScript

JS String Templates

Pelajari cara membuat string dengan template literals menggunakan backticks (`) di JavaScript.

JavaScript String Templates

Template literals (template strings) adalah cara baru untuk membuat string di JavaScript menggunakan backticks (`) sebagai pengganti tanda kutip.


1. String Biasa

let text = `Halo Dunia!`;
 
console.log(text); // Halo Dunia!

2. Menyisipkan Variabel

Gunakan ${} di dalam backtick untuk menyisipkan variabel atau ekspresi.

let nama = "Budi";
let ucapan = `Selamat datang, ${nama}!`;
 
console.log(ucapan); // Selamat datang, Budi

3. Ekspresi di dalam Template

let harga = 10000;
let jumlah = 3;
let total = `Total: Rp ${harga * jumlah}`;
 
console.log(total); // Total: Rp 30000

4. Multiline String (Beberapa Baris)

let pesan = `Halo,
Ini adalah pesan
dengan beberapa baris.`;

5. Template Literal Bersarang

let user = "Ani";
let pesan = `Hai ${user}`;
 
console.log(pesan); // Hai Ani

On this page