Javascript：img src onclickを変更すると、一度しか動作しません。

Question

これは簡単なので、なぜ私はそれに問題があるのか​​分かりません。私は2つの画像の間にフリップカードを模倣しようとしているので、クリックすると他の画像に変わるだけです。イメージがクリックされるたびにelse部分に決して送られないので、if/else文で問題が発生しています。 HTMLページのソースコードでは、イメージのsrcは変更されていますが、毎回ifステートメントを渡します。

(function() { 

    // attaches event handler to image 
    window.onload = function() { 

     var image1 = document.getElementById("image1"); 
     image1.onclick = changeImage; 
    }; 

    // changes image when clicked to flip from image to text and text to image 
    function changeImage() { 
     if (document.getElementById("image1").src = "img/top.png") { 
      document.getElementById("image1").src = "img/toptext.png"; 
      //window.alert('hi'); 
     } 
     else { 
      window.alert('it passed'); 
      document.getElementById("image1").src="img/top.png"; 
     } 
    } 
})(); 

Answer 1

==または=== if条件チェックでの比較のため。

=を使用すると値が割り当てられ、割り当てられた文字列は空の文字列ではないため、常にtrueになります。

function changeImage() { 
     if (document.getElementById("image1").src == "img/top.png") { 
      document.getElementById("image1").src = "img/toptext.png"; 
      //window.alert('hi'); 
     } 
     else { 
      window.alert('it passed'); 
      document.getElementById("image1").src="img/top.png"; 
     } 
    } 

Answer 2

あなたのif文であなたの比較演算子を確認し

if (document.getElementById("image1").src == "img/top.png") {