用javascript交換img標籤

Question

我試圖製作一個hang子手遊戲，如果選擇了錯誤的字母，它會在hangman模型中添加一個正文部分。我希望顯示左臂後顯示，右臂顯示在下一個字母輸入。不過，他們都表現出了第一個錯誤輸入

//JavaScript document 
var answer = ['h', 'a', 'n', 'g', 'm', 'a', 'n']; 
var wrong= ['b' ,'c' ,'d', 'e' ,'f' ,'i' ,'j' ,'k' ,'l','o' ,'p', 'q', 'r', 's' ,'t', 'u', 'v' ,'w', 'x' ,'y' ,'z']; 
var letters = /^[a-zA-Z]*$/; 
var answerLetter = document.getElementsByClassName("answer_char"); 
var letterpool= ['a ' ,'b ' ,'c ' ,'d ', 'e ' ,'f' ,'g ' ,'h ' ,'i ' ,'j ' ,'k ' ,'l ', 'm ' ,'n ' ,'o ' ,'p ', 'q ', 'r ', 's ' ,'t ', 'u ', 'v ' ,'w ', 'x ' ,'y ' ,'z ']; 
var leftarm = false 

onload = init; 
function init(){ 
    updateDisplay() 

    document.getElementById("guess_button").onclick = function enter() { 
     var userGuess = document.getElementById("guess_text").value; 
     // This uses String.prototype.match() used too see if its both a letter and a single entry 
     if(userGuess.match(letters) && userGuess.length === 1) { 
      for (var i = 0; i < answer.length; i++) { 
       if (userGuess === answer[i]) 
        // answer[i] correlates to answerLetter[i]. 
        answerLetter[i].innerHTML = userGuess; 
      } 
      if(userGuess.match(letters) && userGuess.length === 1) { 
       for (var i = 0; i < wrong.length; i++) { 
        if (userGuess === wrong[i]) 
         document.getElementsByTagName("img")[1].src="img/leftarm_on.png"; 
        leftarm = true; 
       } 
       if(leftarm= true){ 
        document.getElementsByTagName("img")[3].src="img/rightarm_on.png"; 
       } 

      } 
     }else { 
      window.alert('please enter one letter, numbers need not apply .'); 
     } 
    } 

} 

Answer 1

 if (userGuess === wrong[i]) 
     document.getElementsByTagName("img")[1].src="img/leftarm_on.png"; 
     leftarm = true; 
     } 
     if(leftarm= true){ 
      document.getElementsByTagName("img")[3].src="img/rightarm_on.png"; 
     } 

你測試後彼此這裏的條件 - 當你在第一盤leftarm，它會已經真正在第二位。順便說一句，你沒有使用==比較，但=作業;實際上根本沒有必要做這種比較。它應該是

if (userGuess === wrong[i]) { 
    if (!leftarm) { 
     document.getElementsByTagName("img")[1].src="img/leftarm_on.png"; 
     leftarm = true; 
    } else if (leftarm) { 
     document.getElementsByTagName("img")[3].src="img/rightarm_on.png"; 
    } 
} 

Answer 2

看看你的代碼這樣的邏輯：

for (var i = 0; i < wrong.length; i++) { 
     if (userGuess === wrong[i]) 
     document.getElementsByTagName("img")[1].src="img/leftarm_on.png"; 
     leftarm = true; 
     } 
     if(leftarm= true){ 
      document.getElementsByTagName("img")[3].src="img/rightarm_on.png"; 
     } 

設置leftarm爲真後，立即您再檢查，看它是否是真的，如果是這樣，打開右手臂。