javascript getAttribute останавливает цикл for

Question

Я делаю игру палача, используя только JavaScript HTML и CSS. В одной из моих функций я пытаюсь взять атрибут span с именем: value_. Когда программа достигает этой точки, она запускается только один раз. Когда я нажимаю на другое письмо, это ничего не делает. Если я помещаю строку getAttribute в комментарии, функция запускается в любое время, когда я нажимаю на букву. Любые идеи? : \

Вот код:

//Search and Update function after click 
function search_(target, letter) 
{ 
    for (var i = 0; i < randomWord.length; i++) 
    { 
     //Identify the <span>'s id by the letter 
     var target_ = document.getElementById(letter + i); 
     //Get the <span>'s value_ 
     var attr_ = target_.getAttribute('value_'); 
     alert(attr_); 
     /*if (randomWord[i] == attr_) 
     { 
      target_.className = 'hide'; 
     };*/ 
    }; 
}; 

Answer 1

Хорошо, ребята, я немного изменил функцию. Теперь он работает правильно. Благодарим за помощь!

function search_(letter) 
    { 
    for (var i = 0; i < randomWord.length; i++) 
    { 
     //Identify the guessWord <span> 
     var targetNew = document.getElementById(i + '' + (randomWord.length-i)); 
     //Make it appear if the word contain the clicked letter 
     if (targetNew.getAttribute('data-value') == letter) 
     { 
     targetNew.className = 'hide'; 
     }; 
    }; 
    }; 

Answer 2

Не совсем уверен, что это то, что вы хотите. Но могли бы рассмотреть попытку:

function search_(target, letter) { 
    for (var i = 0; i < randomWord.length; i++) { 
     var target_ = document.getElementById(i); // you're not assigning span's id by letter, so this the way to get its id 
     var attr_ = target_.innerText; 
     console.log(attr_); // check console log 
    }; 
}; 

запомнить:<span> элемент не содержит каких-либо value/value_ атрибут. поэтому, чтобы получить значение элемента <span>, вы должны использовать атрибут innerText.