js String Literal with line break

template literal output to DOM innerHTML

by trentHarlem

HTML

<div id='result'>
</div>

CSS

body{
  background-color: dodgerblue;
  font: bold 1.1em system-ui;
  color: whitesmoke;
}
div{
   box-sizing: border-box;
}

JavaScript

const r = document.getElementById('result');

let s = `🛑 Lorem ipsum dolor`;
for (i = 0; i < 10; i++) {
 r.innerHTML += `${s} <br>`;
}

/* const maskNumber = function(n) {
  const s = n.toString()
  const l = s.slice(-4)
  r.innerHTML += `🛑  ${l.padStart(s.length, '*')} <br>`;
  return l.padStart(s.length, '*');
}

for (let i = 0; i < 10; i++) {
  const o = (maskNumber(0432678502981234));
  //r.innerHTML += `🛑  ${o} <br>`;
} */