Building Front-End Web Applications with Plain JavaScript/

...

/

More JavaScript elements

More JavaScript elements

Let's take a look at some more JS elements.

We'll cover the following...

Template literals

Template literals are enclosed by backtick characters (") instead of double or single quotes. They allow a concise syntax for string values that result from a combination of fixed text parts and variables, including some multi-line string values.

Press + to interact
Javascript (babel-node)
const classValues = "card important";
const name = "Joker";
const htmlTemplate = `<div class="${classValues}">
 <p>Hello ${name}!</p>
</div>`
console.log(htmlTemplate)

The spread operator

The spread operator (...) can be used to ...