This lesson's interactive features are locked, please to keep using them

Template Literals

In JavaScript, template literals are a fantastic way to interpolate dynamic values into a string. They're JavaScript's version of Python's f-strings. For example:

const shadeOfRed = 101;
console.log(`The shade is ${shadeOfRed}`);
// The shade is 101

Template literals must start and end with a backtick, and anything inside of the dollar-sign bracket enclosure is automatically cast to a string.

Advanced Logic

You aren't limited to just variable names inside the ${}. You can actually write valid JavaScript code directly inside them.

This means you can do math, change text styles, or run logic checks right inside the string.

const price = 2.5;
const quantity = 3;
const item = "coffee";

console.log(`Total: $${price * quantity}`);
// Total: $7.5

console.log(`I need ${item.toUpperCase()}`);
// I need COFFEE

Assignment

Using the template literals and string formatting illustrated above, create a new variable msg and assign it the string:

Hi NAME, your open rate is OPENRATE percent

Replace NAME with the variable name.
Replace OPENRATE with the variable openRate.