javascript - 在 id 引用的范围内存储文本

Question

网络开发项目需要一些帮助，我们仍在做非常基础的工作。

我有一堆带有 id 的空跨度，例如 guess1、guess2、guess3 等。我试图在每次用户输入时将用户输入playerGuess存储到下一个空输入的innerHTML中，但我真的不明白如何做。我尝试过做类似的事情

"guess" + guessnumber.innerHTML = playerGuess

或者类似的东西

test = "guess" + guessnumber

test.innerHTML = playerGuess

我模糊地理解为什么两者都不起作用，所以有人可以帮助解释我如何正确格式化它吗？谢谢!

Answer 1

这是一个跨度:

<span id="guess1"></span>

您可以通过以下方式进行猜测:

playerGuess = window.prompt("Guess: ");

或者来自输入，如下所示:

playerGuess = document.getElementById("guess-input").value;

可能有一个循环来跟踪进行了多少次猜测:

var i = 0;
while (i < MAX_TRIES && playerGuess !== target) {
    playerGuess = prompt("Guess: ");
    i++;
}

您需要将猜测放入范围内:

document.getElementById("guess"+i).textContent = playerGuess;

这些是碎片。你可以做到的。

请务必使用 var 声明所有变量并初始化所有常量。