我正在尝试显示一个警告框,其中包含一条包含预定义文本和用户输入文本的消息.
到目前为止我所拥有的是名字和姓氏的两个输入字段以及一个提交按钮.它当前显示带有预定义文本的警报弹出窗口,但用户输入仅显示为"未定义".你能告诉我哪里可能出错吗？
代码如下:
<form>
<p>First name: <input type="text" id="fname" name="firstname" value=""></p>
<p>Last name: <input type="text" id="lname" name="lastname" value=""></p>
<p><input type="button" value="Submit" id="namebutton" /></p>
<script>
var fname = document.getElementById("fname").value;
var lname = document.getElementById("lname").value;
document.getElementById("namebutton").addEventListener("click", function() {
alert('Hello ' + fname.value);
})
</script>
</form>