A template literal is a feature in JavaScript that allows you to embed expressions in strings using backticks (`). It is also known as a template string. It helps to concatenate strings with variables or expressions without the need for string concatenation. Here is an example:

javascript
 
 
Copy code
const name = 'Alice';
const age = 25;

// Using template literals
console.log(`My name is ${name} and I am ${age} years old.`);

// Output: My name is Alice and I am 25 years old.

In the example above, the variables name and age are embedded within the string using ${} syntax. This makes it easier to create dynamic strings without having to use string concatenation operators.

To create a new line in JavaScript, you can use the \n escape sequence or the + operator to concatenate a newline character with a string. Here's an example:

javascript
 
 
Copy code
// Using the \n escape sequence
console.log("Hello\nWorld");

// Output:
// Hello
// World

// Using the + operator
console.log("Hello" + "\n" + "World");

// Output:
// Hello
// World

You can also use template literals (backticks ``) to achieve the same result:

javascript
 
 
Copy code
console.log(`Hello
World`);

// Output:
// Hello
// World

To use template literals, you need to enclose your string with backticks () instead of single or double quotes. Inside the template literal, you can include placeholders using ${ expression }, where expression can be a variable, an expression, or any valid JavaScript code. The placeholder will be replaced with the evaluated value.

Here's an example:

javascript
 
 
Copy code
const name = "Alice";
const age = 25;

const greeting = `Hello, my name is ${name} and I am ${age} years old.`;

console.log(greeting);

Output:

code
 
 
Copy code
Hello, my name is Alice and I am 25 years old.

In the example above, we use template literals to create a dynamic greeting by inserting the values of the name and age variables into the string. This allows us to create more flexible and readable code compared to traditional string concatenation.

To render the sum on the page using the format "Sum: 14", you can use string concatenation.

If you have the sum stored in a variable called sum, you can use the following code in JavaScript:

javascript
 
 
Copy code
let sum = 14;
let message = "Sum: " + sum;
console.log(message); // Output: Sum: 14

In this example, message is a string that concatenates the text "Sum: " with the value of the sum variable. You can then output message to the page using methods such as document.write() or innerHTML.

Template literals, also known as template strings, are a way to embed expressions inside of string literals in JavaScript. They are enclosed by the backtick () character, and expressions are indicated with a dollar sign and curly brackets (${expression}).

Template literals allow for easier string concatenation, better readability, and multiline strings without the need for escape characters. Here is an example of a template literal:

javascript
 
 
Copy code
const name = 'Jane';
console.log(`Hello ${name}!`);
// Output: Hello Jane!

In this example, the name variable is interpolated inside the string using template literals. The output will log "Hello Jane!" to the console.