Как правильно добавить изображение через JavaScript на веб-страницу

Question

Я продолжаю обучение, которое создает динамическую веб-страницу. Веб-страница должна показывать время и изображение, которые обновляются в зависимости от того, какой час. Тем не менее, способ, которым инструктор вставляет свое изображение, является новым для меня, и я не уверен, где я портю, но изображение вообще не отображается на странице.

    let today = new Date(),
    hour = today.getHours();

    if(hour < 12) {
        // Morning
        document.body.style.backgroundImage = "url('../images/Morning.jpg')";
        greeting.textContent = 'Good Morning';
    } else if(hour < 18) {
        // Afternoon
        document.body.style.backgroundImage = "url('../images/Evening.jpg')";
        greeting.textContent = 'Good Afternoon';
    } else {
        // Evening
        document.body.style.backgroundImage = "url('../images/Night.jpg')";
        greeting.textContent = 'Good Evening';
    }
}```

I get no error messages with the following function after calling it. However, no image is being displayed.

Answer 1

url('../images/Morning.jpg')";

должен быть действительным URL.Допустим, ваш HTML-файл был www.example.com/foo/index.html.Должен быть файл www.example.com/images/Morning.jpg, иначе вы ничего не увидите.

Это особенно верно, если ваш URL раньше был "Morning / jpg", так как это недопустимый URL (ну,технически это так, но это почти наверняка не подходит для вашего случая).