Блог

Я пытаюсь изменить изображение, на которое ссылается мой HTML-файл, через заданное время. Прошлой ночью у меня все шло гладко, но я пытался заставить его переключиться на фотографии и застрял здесь на несколько часов. Он воспроизводит аудиоклип каждые четыре секунды, но он все еще застрял на этом первом изображении. Вот как я объявил это первое изображение в HTML:

     <div id="img">
      <img src="assets/stage1.jpg" alt="plant" id="img">
    </div>
 

и вот мой текущий код.

 let index = 0;
    const images = [];
    images[0] = "assets/stage1.jpg"
    images[1] = "assets/stage2.jpg"
    images[2] = "assets/stage3.jpg"
    images[3] = "assets/stage4.jpg"

    function plantDying() {
        if (index === 3){
            const gameover = document.getElementById('crunch');
            gameover.play(); 
            alert('Your plant died!');
            return;
        } else {
            index = index   1; 
            document.getElementById("img").src = images[index]; 
            const crunch = document.getElementById('crunch');
            crunch.play(); 
        }
    }


    function startTime () {
        setInterval(plantDying, 4000);
    }


    document.getElementById("start").onclick = startTime; 
 

Похоже, здесь может быть опечатка:

 document.getElementById("img").scr = images[index]; 
 

ты это имел в виду?

 document.getElementById("img").src = images[index];