|
Сообщение от maiskiykot
|
|
Начиная со второго повторяющегося элемента уже опять первый символ обрабатывается.
|
где ваши доказательства?)))
что не так? все элементы с классом about-content-1 обрабатываются одинаково.
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div class="about-content-1">12345</div>
<div class="about-content-1">12345</div>
<script>
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);
</script>
</body>
</html>