Как вывести элементы массива на экран?

Question

[testtoster]

Есть папка img в которой есть картинки.

Пытаюсь их поместить в массив и вывести на экран с определенным интервалом.

<div id="slider"><img src=""><div>

const images = ['1.png', '2.png', '3.png', '4.png', '5.png'];

let slider = document.querySelector('#slider');
let img = slider.querySelector('img');
let i = 0;

window.setInterval(function () {

    img.scr = 'img/' + images[i];
    i++;

}, 1000);

В консоли функция работает и выводит названия по таймеру, но картинки на экране не отображаются. Что я сделал не так?

Всем спасибо

Answer 1

[Пашенька]

img.scr = 'img/' + images[i]; // не scr, а src, что значит source

Comments

[testtoster]

спасибо, но картинки все равно не появляются почему-то

Answer 2

[testtoster]

Переписал код и он заработал)))

let images = ['1.png', '2.png', '3.png', '4.png', '5.png'];

let slider = document.querySelector('#slider');
let img = slider.querySelector('img');

let i = 0;
window.setInterval(function () {

    img.src = 'img/' + images[i];

    i++

}, 1000);

Comments

[Andrew]

а чем он отличается от изначального, кроме src?
let и на const и заработало? сомневаюсь