gpt4 book ai didi

javascript - 有人可以解释为什么我的输入字段值没有改变吗

转载 作者:行者123 更新时间:2023-11-28 01:24:37 24 4
gpt4 key购买 nike

我正在用 JavaScript 制作一个简单的单词计数器程序。我是 JavaScript 世界的新手,所以如果我问的是一个基本且简单的问题,请原谅。我正在努力将来自 textarea 的文本字符串拆分为单词数组,我可以将单词数记录到控制台,但无法将它们显示到我希望它们出现的文本字段中。希望有人可以在这里提供帮助。谢谢

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

};
.container
{
width: 600px;
margin: 0 auto;
}

textarea
{
width: 560px;
padding: 10px;
background-color: #dfdfdf;
color: #333;
font-size: 18px;
}

input
{
text-align: center;
padding: 10px;
margin-top: 15px;
}

input[type="submit"]
{
float: right;
margin-right: 15px;
background-color: #84ac49;
border: 0;
color: #fff;
font-weight: bold;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>

<div class="container">
<from>
<textarea name="txtBox" id="txtBox" cols="30" rows="10"></textarea><br/>
<input type="text" value = 0 id="output">
<input type="submit" value="Count Words" id="btn">
</from>
</div>
</body>
</html>

最佳答案

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

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

};

JSFIDDLE

关于javascript - 有人可以解释为什么我的输入字段值没有改变吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32630359/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com