Question

基本上我正在尝试创建一个表单，以便在您按下按钮时显示用户的姓名和年龄，我的代码在下面，我也在我的网站上执行此操作：http://js.blazedpanda.com/ < / p>

var x=document.getElementById("name").value;
var y=document.getElementById("age").value;

function nameAge()
{
alert("Hello"+" "+x+" "+"who is"+" "+y);
}

如果您能为此提出解决方案请帮助，这可能是非常基本的，但我无法在任何地方找到简单的教程。谢谢，彼得。

编辑：

谢谢你现在就修好了，好的快速反应：P

Answer 1

将第一行放在函数中，如下所示：

function nameAge()
{
  var x=document.getElementById("name").value;
  var y=document.getElementById("age").value;
  alert("Hello"+" "+x+" "+"who is"+" "+y);
}

因为您想获取当前值，所以当用户实际按下按钮时也是如此。当您在功能之外定义x和y个变量时，由于undefined和name元素尚未存在，因此会为age分配这些变量。

Answer 2

查看您关联的网页，您的错误在于您在加载x元素之前定义y和<input>。因此，您收到错误。您希望将它们封装在函数nameAge()

中

Answer 3

如果您还不了解Jquery，请执行此操作

<input type="text" id="name" />
<input type="text" id="age" />

    function nameAge()
    {
    var x=document.getElementById("name").value;
    var y=document.getElementById("age").value;

    alert("Hello"+" "+x+" "+"who is"+" "+y);
    }

如果你把它放在里面，只要点击底部，它就会更新。

Answer 4

您只需要检查函数内的名称和年龄值：

function nameAge()
{
   var x=document.getElementById("name").value;
   var y=document.getElementById("age").value;
   alert("Hello "+x+" who is "+y);
 }

然后只需在要单击的元素上调用“onclick”事件

<button name="myButton" onclick="javascript:nameAge();" />

制作名称和年龄输入警报器

4 个答案: