javascript - 解决猜词游戏中的 js 错误

Question

编程新手，正在尝试完成猜词游戏。我的 for 循环遇到了错误，其中 jslint 告诉我问题是“use strict”。我在控制台上收到未定义的错误消息。即使经过大量谷歌搜索后也不太明白为什么。

下面是我的js和底部相应的html。任何帮助将不胜感激!

<小时/>

var randomWordArr = ['Tyrannosaurus', 'Stegosaurus', 'Velociraptor'];

//choose random word from the dino array
var randomWord = randomWordArr[Math.floor(Math.random() * randomWordArr.length)];

var s;
var count = 0;

var answerArray = [];


function startGame() {
  // Set up the answer array
  for (var i = 0; i < randomWord.length; i++) {
    answerArray[i] = "_";
  }

  s = answerArray.join(" ");
  document.getElementById("answer").innerHTML = s;
}

function Letter() {
  //get the letter typed in the box
  var letter = document.getElementById("letter").value;

  //make sure we have a guess(can add more checks liek only letters, etc)
  if (letter.length > 0) {
    for (var i = 0; i < randomWord.length; i++) {
      if (randomWord[i] === letter) {
        //assign it to letter
        answerArray[i] = letter;
      }
    }

    count++;
    document.getElementbyId("counter").innerHTML = "No. of clicks " + count;
    document.getElementbyId("answer").innerHTML = answerArray.join(" ");
  }
}

onload = "startGame()";

<form id="hangmanForm">
<input id="letter" type="text">
<input type="button" value="letter" onClick="Letter()" />
     <p id="answer"></p>
     <p id="counter"></p>
     <p id="stat"></p>
</form>

Answer 1

您已在 JavaScript 中使用了 getElementbyId()。这应该是 getElementById()，也就是说，它应该有一个大写的 B 来表示 By。

因此，代码应该是:

document.getElementById("counter").innerHTML = "No. of clicks " + count;
document.getElementById("answer").innerHTML = answerArray.join(" ");

要允许代码运行，您需要使用以下代码行在 java 脚本末尾附近调用 StartGame 函数:

startGame();

您可以找到代码 here 的工作版本.

游戏本身可以做的进一步改进是，每次输入后可以清除字母文本框，以便为下一次输入做好准备。这可以按如下方式完成:

document.getElementById("letter").value = "";

我已将其添加到上面链接中提供的解决方案中。