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

我一直在阅读其他问题，我尝试过的建议对我来说并不奏效。我试图让用户输入一个数字，并以JS警报的形式返回（目前）。这是我的密码：

HTML

我的输入框的值一直为“null”，我希望我输入的值在单击提交按钮时变成变量“guess”。我确信我只是缺少一些基本的东西。

你可以试试：

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

---

什么时候调用js代码？在我发布的示例中，我想我不。。。但是，我尝试用JS代码编写函数，并在submit按钮上使用onClick=“thefunction（）”。除此之外，我真的不知道该用什么，我显然用错了。你可以使用

onsubmit=thefunction（）。这就解决了问题。因此document.forms.value方法接受表单名称和表单中的输入名称，并返回所述输入的值。出于好奇，关闭文本输入标签而不是提交按钮输入标签的意义是什么？这个答案没有解释为什么原始代码不起作用
document.getElementById（“guessbox”）
应该是等效的。我认为我真正缺少的是提交时的格式。我曾尝试在提交按钮上使用onClick，但没有成功。
var guess = document.getElementById("guessbox").value;
alert(guess);

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

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