Не срабатывает оператор Else

@Aleksandrw · Регистрация: 05.01.2018

Author24 — интернет-сервис помощи студентам

На кнопке фоновое изображение , при нажатии - картинка меняется ( в данном случае ""стрелка вниз - стрелка вверх""). При первом клике всё работает исправно ( т.е изображение меняется) , при повторном клике ничего не происходит ( хотя картинка должна поменяться на ту, что была по умолчанию ). Кто-нибудь знает в чём проблема ?

;
Интересно , что при клике этой же кнопки , у меня скрывается и появляется изображение. Код аналогичен и всё работает.

Комментарий модератора

Правила форума

5.18 Запрещено размещать задания и решения в виде картинок и других файлов с их текстом.

@Htext · 27.01.2018, 18:01

Я могу ошибаться, но, дело, вроде бы, в том, что JS не может получить значение url. Вы проверьте значения m[i] и backgroundImage, скорее всего, там будет "".

Сообщение от Aleksandrw

Код аналогичен и всё работает

Это совсем другой код, схожесть лишь внешняя. Он будет работать, т.к. там нет url.

@Aleksandrw · 27.01.2018, 23:04 **[ТС]**

Htext, m[0] и m[1] установлены правильно (изображение меняется один раз). В css backgroundImage присвоено " стрелка вниз ", от чего не хочет меняться обратно , без понятия.

@Denno · 27.01.2018, 23:49

А как задаются стили? Через подключаемый внешний файл? Потому что тот код, который приведен в первом сообщении - вычисляет именно только встроенные css стили.

@Aleksandrw · 27.01.2018, 23:59 **[ТС]**

Denno, да, файл подключается через HTML, три файла вместе с двумя изображениями в одной папке.

@Denno · 28.01.2018, 00:03

Стили правильно вычислять нужно вот так, к примеру получить левый отступ можно так:

Javascript

1
2
3

let btn = document.querySelector(".btn");
let padLeft = getComputedStyle(btn).getPropertyValue("padding-left");
console.log(padLeft);

@Aleksandrw · 28.01.2018, 00:09 **[ТС]**

Denno,

Javascript

document.getElementById("range").oninput = f1;
 
function f1(){
console.log (this.value);
    var a = document.getElementById("text");
    
a.style.paddingLeft = this.value + "px";
}

// Буквально перед этим делал вот так и всё получилось (по движению курсора - двигается блок ) . Тот же доступ к paddingLeft, разве нет ?

@Denno · 28.01.2018, 13:33

Сообщение от Aleksandrw

Тот же доступ к paddingLeft, разве нет ?

Если стиль изначально встроенный, либо если он задан через JS.

@Htext 357 / 118 / 20 Регистрация: 08.01.2015 Сообщений: 1,361 Записей в блоге: 1
	27.01.2018, 18:01	2
	Я могу ошибаться, но, дело, вроде бы, в том, что JS не может получить значение url. Вы проверьте значения m[i] и `backgroundImage`, скорее всего, там будет "". Сообщение от Aleksandrw Код аналогичен и всё работает Это совсем другой код, схожесть лишь внешняя. Он будет работать, т.к. там нет url. 0

@Aleksandrw 39 / 38 / 26 Регистрация: 05.01.2018 Сообщений: 283
	27.01.2018, 23:04 [ТС]	3
	Htext, m[0] и m[1] установлены правильно (изображение меняется один раз). В css backgroundImage присвоено " стрелка вниз ", от чего не хочет меняться обратно , без понятия. 0

@Denno 98 / 101 / 30 Регистрация: 21.10.2012 Сообщений: 320
	27.01.2018, 23:49	4
	А как задаются стили? Через подключаемый внешний файл? Потому что тот код, который приведен в первом сообщении - вычисляет именно только встроенные css стили. 0

@Aleksandrw 39 / 38 / 26 Регистрация: 05.01.2018 Сообщений: 283
	27.01.2018, 23:59 [ТС]	5
	Denno, да, файл подключается через HTML, три файла вместе с двумя изображениями в одной папке. 0

@Denno 98 / 101 / 30 Регистрация: 21.10.2012 Сообщений: 320
	28.01.2018, 13:33	8
	Сообщение от Aleksandrw Тот же доступ к paddingLeft, разве нет ? Если стиль изначально встроенный, либо если он задан через JS. 0