我正在学习JavaScript而我正在努力使用,这样用户就可以输入名称和姓氏,然后单击"发送"按钮.当发生这种情况时,名称和姓氏将显示在屏幕上.
问题是它不起作用.用户单击"发送"按钮时没有任何操作.
这就是我厌倦了.
HTML:
<body>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br>
<input type="button" value="Send" onclick="MyFunction()">
<div id="here"></div>
<body>
JavaScript的:
function MyFunction() {
var first, second;
first = document.getElementById("firstname").value;
second = document.getElementById("lastname").value;
document.GetElementById("here").InnerHTML = first;
document.GetElementById("here").InnerHTML = second;
}
这是你的例子在一些变化后工作正常:
HTML:
<input type="text" name="firstname" id="firstname">
<input type="text" name="lastname" id="lastname">
JS:
myFunction = function() {
var first = document.getElementById("firstname").value;
var second = document.getElementById("lastname").value;
document.getElementById("here").innerHTML = first+" "+second;
}
在这里找到你的例子:jsFiddle.
你想要这个作为你的输出代码:
document.getElementById("here").innerHTML = first + " " + second;
G和I应该是小写的,你应该使用字符串连接同时输出名字和姓氏.但请注意,这将具有XSS漏洞.
此外,将输入名称属性更改为id属性.