Template Literals

Part of the Logic & Flow section of Coddy's JavaScript journey — lesson 3 of 65.

Template literals use backticks ` to create strings and allow you to insert expressions using ${}.For instance, when creating greetings, you can dynamically embed names or other data directly into the template literal. You can also include symbols like $ by placing them directly inside the backticks.Example:

const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is ${price}.`;
// Inserts userName and price inside the string

Template literals also support multi-line strings without needing the \n escape character.You can simply press Enter for a new line, and the line break will be preserved in the output. Both approaches work:

// Using \n
const message1 = `Line 1\nLine 2`;

// Using actual line breaks
const message2 = `Line 1
Line 2`;

Both produce the same result.

Challenge

Easy

Create a function named greetAll that takes an array of names and returns one string. Each name in the array should produce a line with the format Hello, <Name>! joined together into a single string, separated by newlines. Use template literals for the greeting lines.

Try it yourself

function greetAll(names) {
  // Write your code here
}
// Do not write anything outside function

Test yourself

This lesson includes a short quiz. Start the lesson to answer it and track your progress.

All lessons in Logic & Flow

1Strings In Depth

String Fundamentals Iterate Over StringsTemplate LiteralsString Methods Recap - String Weaver

4JSON Part 2

Iterate Over JSON Nested JSON JSON Optional Chaining Shallow And Deep Copy Recap - Bicycle Shop Recap - Solar System

7Library Management System

Project Overview Adding Books

Search By Title

Filter By Genre

Mark As Read

10Manage Festival System

Project Overview Add Movies & Venues