ErcanOPAK.com

Template literals are enclosed by the backtick (` `) character instead of double or single quotes.

Template literals can contain placeholders. These are indicated by the dollar sign and curly braces (${expression}). The expressions in the placeholders and the text between the backticks (` `) get passed to a function.

let myUnOrderedList = ['Record1', 'Record2', 'Record3']

function renderList () {

let listItems = ""

for (let i = 0; i < myUnOrderedList.length; i++)
{
    //usage with double quote ("")
    //listItems += "<li><a target='_blank' href='" + myUnOrderedList[i] + "'>" + myUnOrderedList[i] + "</a></li>"

   //usage with string template (``)
   listItems += `
                  <li>
                        <a target="_blank" href="${myUnOrderedList[i]}">
                              ${myUnOrderedList[i]}
                        </a>
                  </li>
                `
}

}