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

时间:2013-06-21 20:44:51

标签: javascript web

基本上我正在尝试创建一个表单,以便在您按下按钮时显示用户的姓名和年龄,我的代码在下面,我也在我的网站上执行此操作: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

4 个答案:

答案 0 :(得分:2)

将第一行放在函数中,如下所示:

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

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

答案 1 :(得分:2)

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

答案 2 :(得分:2)

如果您还不了解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);
    }

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

答案 3 :(得分:2)

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

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();" />