Есть функция, которая посимвольно выводит текст в html. Как эту функцию присвоить для каждого элемента массива? Так не получается:
text_show[0].onmousemove = show_text; // вызов функции для первого элемента массива(Работает)
text_show[1].onmousemove = show_text; // вызов функции для второго элемента массива(Не работает)
Через цикл тоже не могу разобраться.
let source,
dest,
len,
now = 0,
letters = 1,
text_show = document.querySelectorAll("section"); // массив секций
text_show[0].onmousemove = show_text; // вызов функции для первого элемента массива(Работает)
text_show[1].onmousemove = show_text; // вызов функции для второго элемента массива(Не работает)
// сама функция
function show_text() {
source = document.querySelector(".pageTextSource");
dest = document.querySelector(".pageText");
len = source.innerHTML.length;
show();
};
function show() {
dest.innerHTML += source.innerHTML.substr(now, letters);
now += letters;
if (now < len) setTimeout("show()", 50);
};
<main>
<section>
<div style="display:none" class="pageTextSource">Наши проекты и результаты</div>
<h2 class="pageText"></h2>
</section>
<section>
<div style="display:none" class="pageTextSource">Отзывы</div>
<h2 class="pageText"></h2>
</section>
</main>