如何阻止 HTML 表单在 JavaScript 中返回未定义的值？

Question

我想检索 HTML 表单的输入值，但该变量仅在函数之外返回未定义。

这是我的 HTML：

<form name="form">
        Enter name: 
   <input type="text" id="answer">
   <input type="button" value="Submit" onclick="answerInput()">
</form>

这是随之而来的 JS：

function answerInput() {
    username = document.getElementById("answer").value
}
console.log(username)

当console.log(username)语句在函数内时，它返回输入； 但是，当console.log(username)语句在函数之外时，它会返回 undefined。

任何帮助表示赞赏！

Answer 1

您需要在函数中调用 console.log 。

 function answerInput() { username = document.getElementById("answer").value; console.log(username) }

 <form name="form"> Enter name: <input type="text" id="answer"> <input type="button" value="Submit" onclick="answerInput()"> </form>