Почему document.getElementById(id).src выдаёт ошибку?

Question

[Дмитрий Майоров]

Не понимаю, почему выдаёт ошибку при попытке изменить document.getElementById(id).src картинки, хотя в прошлом моём проекте всё работает как надо.
document.getElementById(id).src.indexOf() уже пробовал, не работает.
Вот код:

const images = ["images/port/s1.jpg", "images/port/s2.jpg", "images/port/s3.jpg", "images/port/s4.jpg"];
let c = 0;
function load() {
    if (c - 1 < 0) {
        document.getElementById(`img1`).src = images[3];
    }
    else {
        document.getElementById(`img1`).src = images[c];
    }
    document.getElementById(`img2`).src = images[c];
    if (c + 1 > 4) {
        document.getElementById(`img3`).src = images[0];
    }
    else {
        document.getElementById(`img3`).src = images[c];
    }
}
load();
function next() {
    
}

Comments

[Сергей delphinpro]

Все, конечно же, сразу догадались, о какой ошибке идет речь.

[Роман]

Сергей delphinpro, не будьте так строги)) С вероятностью близкой к 99% ошибка звучит как то так "Can not read src of undefined"

[jamtuson]

А какая разметка?

[Александр]

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

[Sun_Day]

странно что такие вопросы никто не репортит

[Сергей delphinpro]

Роман, вот вы уже мимо. Будет примерно так: Can not read src of null
Сути не меняет, но всё же.

[Роман]

Сергей delphinpro, да это и так понятно, что getElementById null возвращает. Просто поленился посмотреть и подумать)

Answer 1

[Дмитрий Майоров]

Поставить объявление скрипта после инициализации картинок.

Answer 2

[AUser0]

А вот символ ` (обратная кавычка) вокруг img1 - это откуда взято?
Строки же обычно обозначаются через одиночную кавычку ' или через двойную ".

P.S. Плюс ещё значение переменной c должно быть от 0 до 3, то есть if (c + 1 > 3) ....

Comments

[NQUARE]

Это хабр так форматирует)

[Роман]

if (c + 1 > 4)
заменить на
if (c >= images.length)

[NQUARE]

Uneasy Hearts Weigh the Most, У меня почему то всегда когда я вставляю код с ', после публикации преобразуются в `.