Question

177

How do I include a JavaScript variable in an HTML header?

rated 0 times [ 183] [ 6] / answers: 1 / hits: 5217 / 5 Years ago, mon, august 12, 2019, 12:00:00

I'm a beginner in HTML and JavaScript and I don't know how to include a Javascript variable in an HTML header.
The question is how to define variables in the header of HTML and use them in the body.
For instance,

for (var i in array)

{

  var num = i;

  var customForm = '<form> 

                    <h2>***INCLUDE NUM VARIABLE HERE***</h2> 

                    </form>';

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

quentinaveryb

Add To Favorites

Follow

Total Points: 102

Total Questions: 100

Total Answers: 93

Location: Colombia

Member since Mon, May 2, 2022

2 Years ago

quentinaveryb questions

1 How to use annotation layer in PDF.js?

Thu, Aug 6, 20, 00:00, 4 Years ago

1 Cannot assign to read only property of #< Object> using React with Recoil

Sat, Jul 18, 20, 00:00, 4 Years ago

1 Strapi JWT token lifetime?

Fri, Jul 17, 20, 00:00, 4 Years ago

1 What is the difference between async await and a regular fetch?

Tue, Feb 4, 20, 00:00, 4 Years ago

1 Replacing getDerivedStateFromProps with useEffect

Thu, May 16, 19, 00:00, 5 Years ago

View All

answered 5 Years ago jadon · Accepted Answer

Two ways:

var customForm = '<form> 

                    <h2>' + num + '</h2> 

                  </form>';

or

var customForm = `<form> 

                    <h2>${num}</h2> 

                  </form>`

The first one just concats the variable into the string, the second one is template literal (template string) from ES6, and you must use these ` backquotes.