Template Literal Examples: if-statement

template-literals-1-if-statements.js

/* 
  Template literals if-statement example
  Using a single-line conditional, we can create an if-statements within template literals.
*/

function makeHTML(title) {
  return `
    ${title ? `
      This element has a title, and it is "${title}"
    ` : `
      This element does not have a title.
    `}
  `
}

var element1 = document.createElement('div')
var element1.innerHTML = makeHTML('This is a title!') 
// Result: <div>This element has a title, and it is "This is a title!"</div>

var element2 = document.createElement('div')
var element2.innerHTML = makeHTML()
// Result: <div>This element does not have a title.</div>