Приветствую! Силами коллективного разума был доработан скрипт старения шрифта. Однако он срабатывает только для первого элемента dom. Начиная со второго повторяющегося элемента уже опять первый символ обрабатывается. Подскажите: что делаю не так? Спасибо!
const typing = document.querySelectorAll('.about-content-1');
function type(element) {
function randomOpacity() {
return (Math.floor(Math.random() * 50) + 50)/100;
}
function randomEms() {
if (Math.random() > .8) {
return (Math.floor(Math.random() * 100) - 50)/800;
}
else {
return 0;
}
}
function wrap(char,i) { // попытка исключить из обработки первый символ
if( i === 0 ) return '<span style="padding-left: 30px; font-family: Pattaya; font-size: 28px; font-weight: 600; color: #743f49;">'+char+'</span>';
return '<span style="opacity:' + randomOpacity() + '; text-shadow:' + randomEms() + 'em ' + randomEms() + 'em currentColor;">' + char + '</span>';
}
const wrappedText = Array.from(element.textContent).map(wrap);
element.innerHTML = wrappedText.join('');
}
typing.forEach(type);