template literals javascript w3schools code example

Example 1: string interpolation javascript

const age = 3
console.log(`I'm ${age} years old!`)

Example 2: javascript string interpolation

var animal = "cow";
var str=`The ${animal} jumped over the moon`; // string interpolation

Example 3: javascript template literals

//Regular string
var rgb = "rgb(" + r + "," + g + "," + b + ")";
//Template literal
var rgb = `rgb(${r}, ${g}, ${b})`;

Example 4: template literals javascript

// TEMPLATE LITERALS example
console.log(`Hi, I'm ${p.name}! Call me "${p.nn}".`);

Example 5: javascript template literals html

// Create our object
const person = {
    name: 'TopCoder2021',
    job: 'Software Developer,
    city: 'Los Angeles',
    bio: 'Tony is a really cool guy that loves to code!'
}

// And then create our markup:
const markup = `
 <div class="person">
    <h2>
        ${person.name}
    </h2>
    <p class="location">${person.city}</p>
    <p class="bio">${person.bio}</p>
 </div>
`;

document.body.innerHTML = markup