Question

我正在学习JavaScript，而我正在尝试创建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;
}

https://jsfiddle.net/7wu3gjqm/

Answer 1

这是您的示例在一些更改后正常工作：

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。

Answer 2

您希望将此作为输出代码：

document.getElementById("here").innerHTML = first + " " + second;

G和I应该是小写，你应该使用字符串连接同时输出名字和姓氏。但请注意，这将有XSS漏洞。

另外，将输入名称属性更改为id属性。

Answer 3

您正在使用getElementById，但您没有任何给定ID的元素，我相信您已忘记将ID添加到您的输入元素中：

<input type="text" name="firstname" id="firstname">
<input type="text" name="lastname" id="lastname">

您可能还想更改GetElementById getElementById，因为js区分大小写。

使用JavaScript显示first和lastname

3 个答案: