В противном случае, чтобы проверить и изменить IMG путь

Question

У меня есть два изображения (один черный палец вверх изображение и зеленая) и идея заключается в следующем:

• при загрузке страницы начинается с черными пальцами вверх;
• если я нажимаю изображение, оно меняется на зеленые палец вверх;
• если я нажму на него снова, он вернется к черному;

Это код, который у меня есть. Что я делаю не так?

<script> 
    function changeImage(){ 
     If (document.getElementById('like').src='like.png') { 
      document.getElementById('like').src='like2.png'; 
     } 
    } 
</script> 

<img class='feed2' src='Imagens/like.png' id="like" onclick="changeImage()"> 

Answer 1

Задача 1: If не то же самое, как if. Ваш JS console должен был пожаловаться на это.

Задача 2: После исправления, что

if (document.getElementById('like').src = 'like.png') { 

будет:

1. Присвоить like.png как src (ты хотел сказать ==)
2. Который всегда будет истинным
3. Так также будет выполняться следующая строка, каждый раз назначая like2.png.

Когда все сказано и сделано, вы хотите:

function changeImage(){ 
    if (document.getElementById('like').src == 'Imagens/like.png') { 
     document.getElementById('like').src = 'Imagens/like2.png'; 
    } 
    else { 
     document.getElementById('like').src = 'Imagens/like.png'; 
    } 
}