javascript template literals
//Must use backticks, `, in order to work.
let a = 5;
let b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
//Output:
//Fifteen is 15 and not 20.javascript template literals
//Must use backticks, `, in order to work.
let a = 5;
let b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
//Output:
//Fifteen is 15 and not 20.using template literals to create html
const createMarkup = function createMarkup(data) {
// Just use the same syntax for node elements
const markup =
`<ul id="listItem-${data.name}">
<li>Name: ${data.name}</li>
<li>Age: ${data.age}</li>
<li>Gender: ${data.gender}</li>
<li>Fav. Colour: ${data.colour}</li>
<li>Lucky Number: ${data.number}</li>
</ul>`;return markup;
};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 = markupCopyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
