Javascript不会从输入框输出值

Javascript不会从输入框输出值,javascript,html,function,Javascript,Html,Function,我想让用户按提交按钮,以便在输入框中显示他们的姓名和年龄,名称=输出 我有3个输入框,一个询问姓名,另一个询问年龄,另一个提供输出。我试图使用函数输出显示最后一个输入框 我不知道我哪里出了问题,我需要一个.值吗 这是您的代码的工作版本 没有方法getElementByName,但是-应该使用document.getElementById 您应该使用输入元素的值。 formdiv先生{ 对齐:居中; } 函数输出{ var name=document.getElementById'firstNa

我想让用户按提交按钮,以便在输入框中显示他们的姓名和年龄,名称=输出

我有3个输入框,一个询问姓名,另一个询问年龄,另一个提供输出。我试图使用函数输出显示最后一个输入框

我不知道我哪里出了问题,我需要一个.值吗


这是您的代码的工作版本

没有方法getElementByName,但是-应该使用document.getElementById 您应该使用输入元素的值。 formdiv先生{ 对齐:居中; } 函数输出{ var name=document.getElementById'firstName'。值; var Age=document.getElementById'Age'。值; document.getElementById'output'。value=name+Age; } 付款详情 输入以下信息: 名称 年龄 提交 输出 注意:Elements,not Element返回一个元素列表,在本例中是s。因此,首先,您需要使用getElementsByName…[0]在您的案例中选择第一个。然后你得到一个元素

但是,您不希望输出整个元素,它是一个对象,而不是一个字符串,并且转换为一个字符串。它可能不是您所期望的,因此您需要选择该元素的value属性。因此,是的,您需要添加.value,就像您假设的那样:

function output(){
    var name = getElementsByName('firstName')[0].value;
    var Age= getElementsByName('age')[0].value;
然后,将参数直接写入一个新文档,这将导致一个emtpy页面上除了该字符串之外没有其他内容。这不是你想要的,所以你不需要。您只需分配一个用该字符串调用的新变量:

    var out = name+Age;
然后将新值分配给输出字段-您不想用甚至不起作用的字符串替换元素,但它是值,因此您需要再次使用.value:

这应该能奏效


除此之外,您可能希望使用name++Age而不是简单的name+Age,否则您最终将使用John Doe23而不是您可能希望的John Doe 23

没有getElementByName这样的东西——它是getElementById 更改到上面,您需要向输入元素添加ID 您需要使用从getElementById返回的对象的值 上面的内容可以让你的代码正常工作,但是中心标记已经过时了,你不应该使用它 输入是自动关闭标记,因此您不需要 formdiv先生{ 对齐:居中; } 函数输出{ var name=document.getElementById'firstName'。值; var Age=document.getElementById'Age'。值; var out=姓名+年龄; document.getElementById'output'.value=out; } 付款详情 输入以下信息: 名称 年龄 提交 输出
什么是getElementByName?我想使用name属性来捕获用户输入的内容,以便获取用户名使用的名字。下面是固定的代码:现在发布so还为时过早。你首先需要做更多的研究。参加一个免费的JavaScript课程。我推荐codecademy.use getElementsByName而不是GetElementByName谢谢,最近两天刚开始学习,我想我可能会尝试通过实践来学习
    var out = name+Age;
    document.getElementsByName('output')[0].value = out;
}