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);