将文本存储在由id引用的span中

Storing text inside a span referenced by id

本文关键字:引用 span id 文本 存储      更新时间:2023-09-26

需要一些web开发项目的帮助,我们还在做非常初级的东西。

我有一堆id的空跨度,比如guess1, guess2, guess3等等。我试图将用户输入playerGuess存储到下一个空的innerHTML每次他们输入他们的输入,但我真的不明白如何。我试过做一些类似

的事情
"guess" + guessnumber.innerHTML = playerGuess

或者类似

的东西
test = "guess" + guessnumber
test.innerHTML = playerGuess

我模糊地理解为什么两者都不工作,所以谁能帮助解释我如何才能正确格式化它?谢谢你!

这是一个span:

<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++;
}

你需要将猜出的结果放在span中:

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

这些是碎片。你可以的。

确保使用var声明所有变量并初始化所有常量。

走错了。

var playerGuess = "guess" + guessnumber.innerHTML;