在JavaScript中存储和返回HTML表单中的输入变量

Question

我一直在阅读其他问题，我尝试过的建议对我没用。我正在尝试让用户输入一个数字并以JS警报的形式返回（暂时）。这是我的代码：

HTML

<form id="form">
Enter your guess: <input id="guessbox" type="text" name="userguess">
<input id="submitbutton" type="submit" value="Submit">
</form>

JavaScript的

var guess = document.getElementById("guessbox").value;
alert(guess);

我继续为输入框的值获取'null'，并且我想在输入的值变为“猜测”时单击提交按钮。我确定我只是遗漏了一些基本的东西。

Answer 1

你可以尝试：

<form name="form" onSubmit="returnGuess()">
Enter your guess: <input id="guessbox" type="text" name="userguess">
<input id="submitbutton" type="submit" value="Submit">
</form>

使用Javascript：

function returnGuess(){
    var guess = document.forms["form"]["userguess"].value;
    alert(guess);
}