如何直接显示输入值

Question

我目前正在制作一个显示当前时间和日期的简单页面。我想创建一个输入，您可以在其中填写您的姓名，因此页面显示＆＃34;您好，（您的名字）＆＃34;

在之前的项目中我使用过这个类似的功能，我必须创建一个表单，然后在提交时我可以获得价值。由于这是一个非常简单的页面，我想创建一个简单的函数，实际上有一种方法可以在不创建表单的情况下获取输入的值吗？

见图片：杰森被填写，输入消失，它说＆＃34;嗨，杰森＆＃34;

Answer 1

假设您有一个段落标记<p id="para">text to replace</p>，并且您希望将该标记的内容替换为文本框<input type="text" id="textbox" />的内容。你只需编写一个类似下面的JS函数，可以通过点击回车键或按钮来触发。

如果您希望输入字段消失，可以对此进行扩展，例如将文本框放在div中并用文本框的内容替换整个div。

function replacePara() {
  let replacementText = document.getElementById("textbox").value;
  document.getElementById("para").innerHTML = replacementText;
}

<input type="text" id="textbox" />
<p id="para">text to replace</p>
<button onclick="replacePara()">press me</button>

Answer 2

这是简单的javascript，只需选择输入然后获取其值

var input = document.getElementById('idFromInput');
alert(input.value);