Question

很简单，我希望用户在文本框中输入详细信息，点击一个按钮，然后在他们输入的框下面打印出来。到目前为止，我有这个：

我的JS功能：

function funcKeyUp(){

    var name = document.getElementById("oldName");
    document.getElementById("newName").innerHTML = oldName;
}

我的HTML：

Enter name: <input type="text" name="oldName">
<button type="button" onclick="funcKeyUp()"> submit name </button> <br>
<p id="newName"></p>

Answer 1

您错误地认为应将名称分配给段落代码而不是 oldName 。由于oldName是标签名称。

document.getElementById("newName").innerHTML = name;

Answer 2

尝试name.value或将.value添加到getElementById("oldName")

的末尾

Answer 3

你的javascript第二行应该是：

var oldName = document.getElementById("oldName").value;

html第一行：

Enter name: <input type="text" id="oldName">

Answer 4

请使用：

Enter name: <input type="text" id="oldName">
<button type="button" onclick="funcKeyUp()"> submit name </button> <br>
<p id="newName"></p>

和

function funcKeyUp(){

    var name = document.getElementById("oldName").value;
    document.getElementById("newName").innerHTML = name;
}

这将完成你的工作继续学习：）

Answer 5

您将名称引用为ID。这应该有用。

将ID添加到输入框：

<input type="text" id="oldName" name="oldName">

var name = document.getElementById("oldName").value;
document.getElementById("newName").innerHTML = name;

如何使用JavaScript将用户输入打印到浏览器？

5 个答案: