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

Question

我的 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;

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

感谢您的耐心，我对这一切都是新手，并且是自学的。

标签： javascripthtmldom

Answer 1

把id 答案放在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>