Проблема в «бегущих» цифрах?

Question

[LordeckiyDavid]

Всем привет. Стал изучать JS. Решил сделать "бегущие" цифры на сайте, но имеются проблемы с кодом. У кого есть лишние пару минут, помогите пожалуйста.
Имеется 3 блока https://yapx.ru/u/J2nd7 Стрелочками указаны цифры, которые должны "бежать" при загрузке страницы.
Имеется код JS (ниже), в нём явно есть ошибки, и мне на них указывали, но решить их сам не могу.

const time = 1000;
const step = 10;

function preloader(num) {
    let out = document.querySelectorAll('h1.head-p-card');
    n = 0;
    for (let i = 0; i <= 3; i++) {
        out = Math.round(time/(num/step));
        let interval = setInterval(() => {
            n = n + step;
            if (n == num) {
                clearInterval(interval);
            }
            out[i].innerHTML = n;
        })
    }
}
preloader(500);

Comments

[Kovalsky]

Наверное ошибка в том, что i <= 3. Если нет, то пока не понятно в чем ошибка, вы же не говорите что неправильно работает

[LordeckiyDavid]

Kovalsky, Явно не в этом. Мне указывали, на то что out[i] не записана в переменную, когда записывал, то говорили, что я её переназначаю.

[Kovalsky]

LordeckiyDavid, смотрите, строки с out последовательно:

let out = document.querySelectorAll('h1.head-p-card');
out = Math.round(time/(num/step));
out[i].innerHTML = n;

Теперь понятно?

[LordeckiyDavid]

Kovalsky, если честно, то не совсем.

[Kovalsky]

LordeckiyDavid, что лежит в переменной out после выполнения первой строки?

[LordeckiyDavid]

Kovalsky, массив

[Kovalsky]

LordeckiyDavid, на самом деле список нод (NodeList), но в целом да, верно. Вот теперь давайте в таком же духе и далее, проверяйте каждый шаг - сначала у вас там лежит массив, потом вы как-то изменяете эти данные, потом обращаетесь к ним и тд. На каком-то этапе ошибка, и её хорошо видно в том куске кода который я кинул выше

[Пашенька]

LordeckiyDavid, ноуп. Это array-like коллекция, которая оснащена некоторыми методами массива.

[LordeckiyDavid]

Kovalsky, Во второй строке идёт отброс массива и присваивания другого числа?