当我使用.value获取输入值时，它会返回Undefined

Question

当我使用.value获得文本输入的值，然后将其显示在网页上时，它会显示Undefined。

我看过很多修复程序，但都没有成功。

Java脚本

function user() {
let userNum = 1;
let userSays = document.getElementsByClassName("text_box").value;
let x = document.createElement("P");
let y = document.getElementById("chat_box");
x.setAttribute("class", "chatUser");
x.setAttribute("id", 'u'+ userNum);
x.innerHTML = "@User:" + userSays;
y.appendChild(x);
userNum += 1;
updateScroll()
}

HTML

</div>
<input class = "text_box" type="text" placeholder="This does something">
<button id = inputPrint onclick= 'user()'>User</button>

当页面上的人在输入框中键入内容，然后点击用户按钮时，它应该会显示出来。用户：用户键入了什么

但是它当前显示。用户：未定义

Answer 1

getElementsByClassName()返回集合。你必须使用特定的索引。

更改

let userSays = document.getElementsByClassName("text_box").value;

至

let userSays = document.getElementsByClassName("text_box")[0].value;