我不明白为什么我的代码不起作用

为什么'机会 - '不能像我想要的那样工作？我想只减1.它减去单词的长度。即使字母匹配，它也会减少。我试图CONSOLE.LOG减法后 '机会' 和它记录： 6， 5， 4， 3， 2， 1，然后它继续减去 '单词' 的长度每次我提交表格。我不明白为什么我的代码不起作用

function createBoxes(word) { 
 
    var bigDiv = document.getElementsByClassName('game')[0]; 
 
    for (var i = 0; i < word.length; i++) { 
 
    var newDiv = document.createElement('div'); 
 
    bigDiv.appendChild(newDiv) 
 
    }; 
 
}; 
 
var selectedWord = 'Romania'.toLowerCase(); 
 
createBoxes(selectedWord); 
 

 
window.onload = function() { 
 
    var chances = document.querySelector('#chances').innerText = selectedWord.length 
 
    var form = document.querySelector('.form'); 
 

 
    form.addEventListener('submit', function(evt) { 
 
    evt.preventDefault(); 
 
    // You have to enter one letter 
 
    var selectedLetter = document.querySelector('#selectText').value; 
 
    if (selectedLetter.length > 1) { 
 
     alert('You have to enter one letter') 
 
    } 
 

 
    // Check if the letter match 
 
    var allNewDivs = document.querySelectorAll('.game div'); 
 
    for (var i = 0; i < allNewDivs.length; i++) { 
 
     if (selectedWord[i] === selectedLetter) { 
 
     allNewDivs[i].innerText = selectedLetter.toUpperCase(); 
 
     } else { 
 
     chances-- 
 
     } 
 
    }; 
 
    }); 
 
}

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>Hangman</title> 
 
    <style media="screen"> 
 
     .game > div { 
 
     width: 20px; 
 
     height: 20px; 
 
     position: relative; 
 
     display: inline-block; 
 
     border-bottom: 1px solid black; 
 
     margin-right: 3px; 
 
     } 
 
    </style> 
 
    </head> 
 
    <body> 
 
    <div class="count"> 
 
     <h3>Chances remained: <strong id="chances"></strong></h3> 
 
    </div> 
 

 
    <div class="game"></div> 
 

 
    <form class="form"> 
 
     <input id='selectText' type="text"> 
 
     <input type="submit" value="Select"> 
 
    </form> 
 
    <script src='script.js'></script> 
 
    </body> 
 
</html>

来源

2017-01-27 Paul Mihali

function createBoxes(word) { 
     var bigDiv = document.getElementsByClassName('game')[0]; 
     for (var i = 0; i < word.length; i++) { 
     var newDiv = document.createElement('div'); 
     bigDiv.appendChild(newDiv) 
     }; 
    }; 
    var selectedWord = 'Romania'.toLowerCase(); 
    createBoxes(selectedWord); 

    window.onload = function() { 
     var chances = document.querySelector('#chances').innerText = selectedWord.length; 
     var form = document.querySelector('.form'); 

     form.addEventListener('submit', function(evt) { 
     evt.preventDefault(); 
     // You have to enter one letter 
     var selectedLetter = document.querySelector('#selectText').value; 
     if (selectedLetter.length > 1) { 
      alert('You have to enter one letter') 
     } 

     // Check if the letter match 
     var found = false; 
     if(chances >0){ 
      var allNewDivs = document.querySelectorAll('.game div'); 
      for (var i = 0; i < allNewDivs.length; i++) { 
       if (selectedWord[i] === selectedLetter) { 
       allNewDivs[i].innerText = selectedLetter.toUpperCase(); 
       found = true; 
       }  
      }; 
      if(!found){ 
       chances--; 
       document.querySelector('#chances').innerText = chances; 
      } 
     }else{ 
      alert('you have reached the limit'); 
     } 

     }); 
    }

来源

2017-01-27 15:30:53

这将是有用的解释你的代码和错误是什么... –

由于chance--是for循环，由字母检查信内部。因此，它减少了每个字母一次

来源

2017-01-27 16:39:52

我不明白为什么我的代码不起作用

回答

相关问题