如何使用 JavaScript 读取文本区域中的文本？

所以我是 JS 的新手，正在尝试了解基础知识。我决定制作一个基本的网页文本编辑器。现在我正在尝试用 JS 来区分单词。这是我的代码，基本上它确定单词“bob”是否已输入到文本区域中。

<script>

function findBob() {
    var inputText = document.getElementById("box").innerHTML;
    if(inputText === "bob") {
        document.getElementById("box").innerHTML = "true";
    } 
    if (inputText !== "bob") {
        document.getElementById("box").innerHTML = "false";
    }
}
</script>

<textarea rows=10; col= 5; id="box">
bob</textarea>

<button onClick="findBob();">FIND BOB</button>

现在，在我单击“FIND BOB”按钮后，它会将文本更改为“true”，这是完美的，但是，如果我向文本区域添加一些乱码，然后再次单击“FIND BOB”，则什么也没有发生。如果我对文本区域执行任何操作，该功能将无法工作。即使我重新加载页面，退格“bob”并重新输入“bob”，也不会发生任何情况。

现在我预计我已经破坏了一些 JavaScript 语法或类似的东西，但我无法弄清楚。我究竟做错了什么？

-编辑-我正在使用===，而不是其他方法，因为其他 StackOverflow 帖子，找到它here. https://stackoverflow.com/questions/3586775/what-is-the-correct-way-to-check-for-string-equality-in-javascript

The innerHTML文本区域的 代表其default value.

使用 JavaScript 更改默认值仅在以下情况下有效：

• 该值未从默认值更改or
• 表格已重置

在文本区域中键入内容后，这些都不是真的。

Use the value属性来改变current值而不是innerHTML.