How to insert elements from an array into html tags?

Question

css

There are elements in the array [1, 2, 3]. And there are tags. How to make the elements from the array inserted into these tags.
The entry needs to look like:<h1> 1 </h1> <h1>2 </h1> <h1>3 </h1>

Answer 1

var arr = [1, 2, 3];

var toHTML = "<h1>" + arr.join(" </h1><h1>") + "</h1>";

alert(toHTML);

Or maybe prettier like this:

arr.map(function(h){
   return "<h1>" + h + " </h1>";
}).join("");