javascript-basic/string-template.html at main · fauzanahmad11/javascript-basic · GitHub

History

39 lines (35 loc) · 1.7 KB

Raw

<!DOCTYPE html>

<head>

<title>String Template</title>

</head>

<body>

## String Template

● Kita sudah tahu bahwa untuk menambahkan string dengan data lain, kita bisa menggunakan operator + (plus)

● Namun pada kasus tertentu, penggunaan operator + (plus) sangat menyulitkan, apalagi jika dalam jumlah banyak

● JavaScript memiliki fitur yang bernama String Template, dimana kita bisa mensubtitusi data dari luar String ke dalam String, seperti mengambil data variable, atau bahkan melakukan operasi matematika

● Untuk menggunakan String Template, cara pembuatan String nya harus menggunakan ` (backtick), bukan ‘ (petik satu) atau “ (petik dua)

const name = "Fauzan Ahmad";

const hobby = "makan nasi uduk";

const template = `Name : ${name}, Hobby : ${hobby}`;

document.writeln("<p><strong>Press F12 or inspect/console</strong></p>");

document.writeln("<p><strong>==============String Template==============</strong></p>");

console.info(template);

// With expression ">"

const nilai = 81;

const templateExpression = `Name : ${name}, Lulus : ${nilai > 80}`;

console.info(templateExpression);

// With Multiline String/Bisa di ENTER

const templateMultiline = `Hy nama saya fauzan ahmad,

apakah namamu ahmad juga ? tentu tidak dong.

malam tahun baru enaknya ngapain yah ? Tidur dong hahahah`;

console.info(templateMultiline);

</script>

</body>

</html>

javascript-basic/string-template.html at main · fauzanahmad11/javascript-basic · GitHub

Expand file tree

Breadcrumbs

string-template.html

Latest commit

History

Breadcrumbs

string-template.html

File metadata and controls