Задать вопрос
@lios1
javascript

Почему оно не изменяло картинку?

Картиночку солнце я хочу поменять на луну. 

const im = document.querySelector('.im')

im.onclick = () => {
    if (im.src === 'file:///C:/Users/%23/Desktop/test/img/sunny.png') {
        im.src = 'img/moon.png';
        console.log(im.src)
    } else {
        im.src = 'img/sunny.png';
    }
}


Оно работает, на луну и обратно оно меняет. Но почему я не мог просто указать img/sunny.png ?????
../img/sunny.png тоже не работает. И как возможно лучше написать код, не подскажете?

<body>
    <img src="img/sunny.png" class="im" alt="">
</body>
  • Вопрос задан
  • 59 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
bingo347
@bingo347 Куратор тега JavaScript
Crazy on performance...
https://developer.mozilla.org/ru/docs/Web/JavaScri...
const im = document.querySelector('.im')

im.onclick = () => {
    if (im.src.endsWith('img/sunny.png')) {
        im.src = 'img/moon.png';
        console.log(im.src)
    } else {
        im.src = 'img/sunny.png';
    }
}
Ну а вообще лучше просто в отдельную переменную завести состояние и проверять его
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
jarvis
@jarvis
Как то вопрос не очень понятно сформулирован, возможно путь в самом начале неправильно указываете.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скопировать верстку, посадить на функционал
20 апр. 2024, в 12:01
20000 руб./за проект
Разработать сайт-визитку на Wordpress
20 апр. 2024, в 11:52
5000 руб./за проект
Написать программу иммитирующую поведение человека для выбора услуг
20 апр. 2024, в 11:21
1000 руб./за проект
Ещё заказы