Не работает условие If почему такое случилось?

Question

[Алексей Дубровин]

В блоке находятся картинки с двумя вариантами ссылки на неё

<div class="centr">
      <img src="2.png" alt="">
      <img src="1.png" alt="">
      <img src="2.png" alt="">
      <img src="1.png" alt="">
      <img src="1.png" alt="">
      <img src="2.png" alt="">

    </div>
    <div class="button">
    <p>button</p>

    </div>
    </div>

Задача- при клике на картинке выделить её, при нажатии на кнопку сменить её на второй вариант.
Количество выделяемых картинок от 1 до всех.

let test = document.querySelectorAll('img');
let but = document.querySelector('.button');
but.onclick = change;
for(let i =0; i<test.length; i++){
  test[i].onclick = adClass;

}
function adClass() {
  this.classList.toggle('red');

}

function change(){
let rad =document.querySelectorAll('.red');
  for(let i=0; i<rad.length; i++){
  if(rad[i].src=="1.png"){
    rad[i].src="2.png"
  }
 else
 {rad[i].src="1.png";
}
}
}

В любом из вариантов всегда происходит условие для if, else просто игнорируется. В чём причина понять не могу

https://jsfiddle.net/2utfvk85/
Картинки вставить не смог ибо не знаю как

Comments

[origami1024]

оформи jsfiddle чтоле

[Алексей Дубровин]

C оператором проверки код вообще не выполняется, при замене на обычное приравнивание происходят действия как и было описано в if, else игнорируется.

function change(){
let rad =document.querySelectorAll('.red');
  for(let i=0; i<rad.length; i++){
  if(<b>rad[i].src="1.png"</b>){
    rad[i].src="2.png"
  }
 else
 {rad[i].src="1.png";
}
}
}

[Алексей Дубровин]

origami1024, Там нет возможности вставить картинку которая подойдёт под этот скрипт.Ну или как это сделать я не знаю
https://jsfiddle.net/2utfvk85/

Answer 1

[origami1024]

if(rad[i].src=="1.png"){
  ...
} else ...

В любом из вариантов всегда происходит условие для if, else просто игнорируется. В чём причина понять не могу

Ты ошибаешься, у тебя происходит условие для else,
потому что rad[i].src при проверке равен не "1.png", а
"http://www.полный-адрес/1.png"

вот переделал, чтобы проверка была с последней частью адреса

function change(){
  let rad = document.querySelectorAll('.red');
  for(let i=0, len=rad.length; i<len; i++){
    if(rad[i].src.split("/").pop()=="1.png"){
      rad[i].src="2.png"
    } else {
      rad[i].src="1.png"
    }
  }
}

https://jsfiddle.net/r37ck8oq/

Comments

[Алексей Дубровин]

Благодарю за разъяснение