Javascript 读取文本框输入并放入两个框中的一个

我试图允许用户在文本框中输入1个字母，然后将字母放入2个框中的1个。这是一个刽子手游戏，所以它将根据字母是否在单词中来划分字母。这是我的密码。希望有人能帮助我。我是javascript新手！我在谷歌上搜索了很多次，但都没用

var words = ['dog', 'computer', 'cat', 'monkey', 'human'];

var wordForGuess = chooseWord();

var wordLength = wordForGuess.length;

function chooseWord () {
  return words[Math.floor(Math.random() * words.length)];
}

function writeWord()
{
  var textarea = document.getElementById('textBox').value;

  for (var x = 0; x<wordLength; x++)
  {
    if (textarea === wordForGuess.indexOf(x))
    {
      document.getElementById('correctLetters').value = textarea;
    }
    else
    {
      document.getElementById('incorrectLetters').value = textarea;
    }
  }
}

以及我的文本框的HTML

<div id = 'letterInput'>
</div>

<input type = 'text' id = 'textBox' onkeyUp="writeWord()"/>

<div id = 'correctLetters'>
</div>

<div id = 'incorrectLetters'>
</div>

---

我认为您有一些错误，包括在所选单词中迭代字符，并使用该迭代的索引，而不仅仅是检查输入框中的值。我还认为您应该重置每个键的值。我还将onkeyup事件从HTML移到了JavaScript中，我想可能在您的例子中JavaScript还没有加载，但是很难从您的示例中分辨出来

<div id = 'letterInput'>
    </div>
    <input type = 'text' id = 'textBox' />
<br/>
Correct:
<div id = 'correctLetters'>

    </div>
<br/>
Incorrect
    <div id = 'incorrectLetters'>

    </div>

这是一个使用此代码的示例

var words = ['dog', 'computer', 'cat', 'monkey', 'human'];

var wordForGuess = chooseWord();

var wordLength = wordForGuess.length;

function chooseWord () {
  return words[Math.floor(Math.random() * words.length)];
}

function writeWord() {
  var input, textarea;

    input = document.getElementById('textBox')
    textarea = input.value;
    input.value = "";
    console.log("writing word", textarea);

    if (wordForGuess.indexOf(textarea) !== -1) {
        document.getElementById('correctLetters').innerText += textarea;
    } else {
        document.getElementById('incorrectLetters').innerText += textarea;
    }
}

document.getElementById("textBox").onkeyup = writeWord;