javascript - 根据数组检查用户输入，充当猜测 Javascript

Question

我是一位有抱负的新开发者，我正在尝试弄清楚如何仅使用 vanilla js 构建一个刽子手游戏。我已经组装了一个关键事件监听器，并用它来控制台记录输入。我还可以打印插入“猜测字母”数组中的字母。

document.addEventListener("keypress", letterPressed);

function letterPressed(event) {
    var letter = String.fromCharCode(event.keyCode);
    guessedLetters.push(letter);
    document.getElementById("lettersGuessed").innerHTML = guessedLetters;
    console.log(guessedLetters)
}

我还有一系列单词选择

var wordList = ["Ravens", "Cardinals", "Falcons", "Bills",
"Panthers", "Bears", "Bengals", "Browns", "Cowboys",
"Broncos", "Lions", "Packers", "Texans", "Colts",
"Jaguars", "Cheifs", "Chargers", "Rams",
"Dolphins", "Vikings", "Patriots", "Saints",
"Giants", "Jets", "Raiders", "Eagles", "Steelers",
"Forty Niners", "Seahawks", "Buccaneers", "Titans",
"Redskins"];

然后一个 for 循环从该数组中选取随机单词，将其转换为单词长度的“_”字符串，并将其打印到 html 文档中的 div id 为“空格”的位置。

   var wordBlanks = [];
var guessedLetters = [];
var randomWord = wordList[Math.floor(Math.random() * wordList.length)];

for (var i = 0; i < randomWord.length; i++) {
    wordBlanks[i] = "_";
    console.log(wordBlanks,randomWord);
    document.getElementById("spaces").innerHTML = wordBlanks.join(" ");
};

我想从这里去哪里？我想根据所选单词检查击键(或猜测的字母数组，我不确定哪个最好)的输入，并让“_”字符串在猜测正确时显示正确的猜测。

我的问题更多的是为我指明正确的方向。所以，我可以好好自学。有什么建议吗？

谢谢!

Answer 1

您必须首先解决大小写问题，但之后，类似这样的事情就会起作用:

const randomWord = "BEARS";
const guessedLetters = ["S", "O", "E"];
const wordBlanks = randomWord.split('')
        .map(letter => guessedLetters.indexOf(letter) >= 0 ? letter : "_")
        .join(' ');

console.log(wordBlanks);