for loop Search ID 的 Javascript

好吧，我对这个有点困惑，我先给你看代码，然后解释。

    var number = 1;
var maxguess = 6;
/*make the array of possible words*/
var arr = ["horse", "cow", "blueberry", "apples", "time", "hollow", "pumpkin", "telephone", "computer", "calculator", "tower", "castle"];
/*write shuffler code*/
function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex ;
    // While there remain elements to shuffle...
    while (0 !== currentIndex) {
        // Pick a remaining element...
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;
        // And swap it with the current element.
        temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
    }
  return array;
}
/*shuffle the array*/
shuffle(arr);
/*make the storage array for user entry*/
var gstore = [];
/*get the first entry in the array, make it a string, and remove any commas*/
var teme = arr.slice(0, 1).toString().replace(/,/g,'');
console.log(teme);
for (var i = 0; i <= 9; i++) {
    if (i > teme.length){
   document.getElementById(i).innerHTML="x";
   }
}
/*listen for button click*/
document.getElementById('sendIt').addEventListener('click', process);
/*function for 'process'*/
function process() {
    /*get the guess from the user*/
    var guess = document.getElementById('guess').value.toString().toLowerCase();
    /*check for any index of this guess*/
        if (gstore.indexOf(guess, 0) == -1){
            /*store this guess*/
            gstore.push(guess);
            /*make storage array for letter indicies*/
            var indices = [];
            /*find indicies of the guess*/
                for(var i=0; i<teme.length;i++) {
                    if (teme[i] === guess) {
                        document.getElementById(i).innerHTML = guess.toString();
                    }
                }
            number++;
        }
    if (gstore.indexOf(guess, 0) != -1){
    }
}

好吧，这是我在课堂上做的一个刽子手游戏。在JS的底部，你可以看到我写了以下内容-

for(var i=0; i<teme.length;i++) {
                    if (teme[i] === guess) {
                        document.getElementById(i).innerHTML = guess.toString();
                    }
                }

现在，如果我保持原样，JS控制台中绝对没有错误

document.getElementById(i).innerHTML="";

当我把它放在按钮外点击功能这里

console.log(teme);
for (var i = 0; i <= 9; i++) {
    if (i > teme.length){
   document.getElementById(i).innerHTML="";
   }
}

具体来说，错误状态为

[Error] TypeError: null is not an object (evaluating 'document.getElementById(i).innerHTML=" "')
    global code (clar.js, line 31)

现在，如果这在这里抛出了一个错误，是否值得更改这个位置的代码，或者我是否在两个实例中都做了不好的事情，即使第二个实例有效？

非常感谢所有的帮助，我的javascript老师不知道在编写时可以输入变量

document.getElementById(variableName)

所以他实际上对我没有帮助，而且我发现能够在没有框架的情况下做一些事情很好

编辑：对不起，忘了HTML，这应该有助于澄清我在做什么

<html>
<head>
</head>
<body>
    <input type="text" name="" value="" id="guess" /><br>
    <input type="button" name="" value="submit" id="sendIt" /><br />
    <script src="./clar.js" type="text/javascript"></script>
    <span id="0"></span><span id="1"></span><span id="2"></span><span id="3"></span><span id="4"></span><span id="5"></span><span id="6"></span><span id="7"></span><span id="8"></span><span id="9"></span>
</body>
</html>

您的第二个for循环正在越界访问一个项，而索引器正在带回一个null对象。

更改自：

for (var i = 0; i <= teme.length; i++)

至：

for (var i = 0; i < teme.length; i++)

您的错误代码可能来自JavaScript在文档中找不到html元素。

document.getElementById(i).innerHTML = guess.toString();

你确定你的html中有ID从0到teme.length的元素吗？

如果你也添加html，这可能会有所帮助！

相关内容

最新更新

热门标签：