Template Literals

/* ES6 menawarkan kemudahan bagi developer dalam mengelola nilai string.

Sebelum ES6, cara lama dalam menggabungkan nilai string adalah dengan

menggunakan operator (+). */

// Cara Lama sebelum ES6

console.log("=========================")

console.log("Cara Lama sebelum ES6")

console.log("=========================")

const user = {

firstName: "Muhammad",

lastName : "Hifni",

age: 18,

campus : "STMIK El Rahma Yogyakarta"

};

const admin = {

name: "Zulfa",

position: "Marketing"

}

console.log("Nama: " + user.firstName + " " + user.lastName + "\nUmur: " + user.age + "\nKampus: " + user.school + "\n\n");

const message = "Dear, " + user.firstName + " " + user.lastName + "\n\n" +

"Selamat ulang tahun yang ke-" + user.age + " semoga selalu diberikan kesehatan." + "\n\n" +

"Best Regards,\n" +

admin.name + "\n" +

admin.position;

console.log(message);

console.log("\n\n")

// Cara Baru setelah ada ES6

console.log("=========================")

console.log("Cara Baru setelah ada ES6")

console.log("=========================")

console.log(`

Nama : ${user.firstName} ${user.lastName}

Umur : ${user.age}

Kampus : ${user.campus}`);

const messageES6 = `Dear, ${user.firstName} ${user.lastName}

Selamat ulang tahun yang ke-${user.age} semoga selalu diberikan sukses dunia akhirat.

Best Regasrds,

${admin.name}

${admin.position}`;

console.log(messageES6);