13 lines
447 B
JavaScript
13 lines
447 B
JavaScript
|
const text = document.getElementById('text');
|
||
|
|
const textArr = text.innerText.split('');
|
||
|
|
|
||
|
|
const newEl = document.createElement('h1');
|
||
|
|
newEl.innerHTML = `${textArr.map(letter => `<span class="letter" style="${randomVisibility()}">${letter}</span>`).join('')}`;
|
||
|
|
newEl.classList.add('overlay');
|
||
|
|
|
||
|
|
document.body.appendChild(newEl);
|
||
|
|
|
||
|
|
|
||
|
|
function randomVisibility() {
|
||
|
|
return Math.random() < 0.5 ? 'visibility: hidden' : 'visibility: visible';
|
||
|
|
}
|