JSFiddle - React, Tailwind, and code Playground
by Ace Tributon
HTML
<div id='demo'></div>JavaScript
console.time('nonVar');['car','truck','suv'].forEach(i=>document.getElementById('demo').innerHTML+=`<H1>${i}</H1>`);['car','truck','suv'].forEach(i=>document.getElementById('demo').innerHTML+=`<H2>${i}</H2>`);['car','truck','suv'].forEach(i=>document.getElementById('demo').innerHTML+=`<H3>${i}</H3>`);console.timeEnd('nonVar');console.time('withVar');var item=['car','truck','suv'];item.forEach(i=>document.getElementById('demo').innerHTML+=`<H1>${i}</H1>`);item.forEach(i=>document.getElementById('demo').innerHTML+=`<H2>${i}</H2>`);item.forEach(i=>document.getElementById('demo').innerHTML+=`<H3>${i}</H3>`);console.timeEnd('withVar');console.time('noLoop');document.getElementById('demo').innerHTML+=`<H1>car</H1><H1>truck</H1><H1>suv</H1><H2>car</H2><H2>truck</H2><H2>suv</H2><H3>car</H3><H3>truck</H3><H3>suv</H3>`;console.timeEnd('noLoop');