javascript - 为什么这返回未定义而不是值？

Question

这个问题已经有答案了:

How do I get the value of text input field using JavaScript? (16 个回答)

已关闭 4 年前。

我的 HTML 代码中有一个输入，我想将输入捕获为 javascript 中的变量。

HTML:

<form id="answer">
      Answer: <input type="text" answer="response"><br>
      <input type="button" value="Submit" onclick="answerInput()"> <br><br>
    </form>

Javascript:

var answer = document.getElementById('answer').value;

我希望它返回在提交被点击之前放入字段中的值，但它返回未定义。我需要有人能够输入一个值(在本例中是一个数字)并将该数字作为变量使用。

感谢您的耐心等待，我对这一切都是新手，正在自学。

Answer 1

将 id answer 放在 input 标签上，而不是放在 form 标签上

function answerInput()
{
var answer = document.getElementById('answer').value;
console.log(answer)}

<form>
      Answer: <input type="text" id="answer" answer="response"><br>
      <input type="button" value="Submit" onclick="answerInput()"> <br><br>
    </form>