Javascript 有人能解释一下为什么我的输入字段值没有改变吗

我正在用JavaScript制作一个简单的单词计数器程序。我是JavaScript领域的新手，所以请原谅我问了一个简单的问题。我正在努力将文本区域中的文本字符串拆分为单词数组，我可以将单词数记录到控制台，但无法将它们显示到我希望它们出现的文本字段中。希望有人能在这里帮忙。谢谢

var btn=document.getElementById（“btn”）；
var numWords=document.getElementById（“输出”）；
var str=document.getElementById（“txtBox”）；
btn.onclick=函数（）
{
var words=str.value.split（“”）；
numWords.innerHTML.value=words.length；
console.log（words.length）；
};
.container
{
宽度：600px；
保证金：0自动；
}
文本区
{
宽度：560px；
填充：10px；
背景色：#dfdfdf；
颜色：#333；
字号：18px；
}
输入
{
文本对齐：居中；
填充：10px；
边缘顶部：15px；
}
输入[type=“submit”]
{
浮动：对；
右边距：15px；
背景色：#84ac49；
边界：0；
颜色：#fff；
字体大小：粗体；
}

JS-Bin


在单击函数事件中移动获取值

btn.onclick = function()
{
    var str = document.getElementById("txtBox").value
    var words = str.split(" ");
    numWords.value = words.length;
    console.log( words.length );

 };


您还可以按如下方式设置输入：

<input value="Count Words" id="btn">

当您单击计数按钮时，您将获得单词计数

HTML

这里是一个演示：
你的脚本（JS）没有包含在你的页面（HTML）中，CSSI也没有使用jsbin.com，所以我认为它会自动添加到页面中，或者如果没有，那么我该怎么做呢？谢谢，但这并没有在输入字段中添加字数。很好，我已经完成了工作，非常感谢你的帮助。请您帮我扩展一下，这样我就不需要按按钮来计算字数，而是随着打字的进行，输出字段中的字数会不断更新？谢谢，为什么不使用innerHTML.value，而只使用.value，你能解释一下吗？因为它的输入类型不是其他标记，但对我来说有点复杂，因为我只是一个初学者。再次感谢你的帮助
<input value="Count Words" id="btn">

<textarea id="inputString" cols="50" rows="4"></textarea>
    <br>
    <input type="button" name="Convert" value="Count Words" onClick="countWords();"> 
    <input id="wordcount" type="text" value="0" size="6">

 countWords=function(){
    s=document.getElementById("inputString").value;
    s = s.replace(/(^\s*)|(\s*$)/gi,"");
    s = s.replace(/[ ]{2,}/gi," ");
    s = s.replace(/\n /,"\n");
    document.getElementById("wordcount").value = s.split(' ').length;
}