如何从文本框中获取输入并更改文本

我试图从文本输入框中获取输入以将段落转换为输入框中的内容。请注意，这不是浏览器中运行的网页代码。这里是我到目前为止有：如何从文本框中获取输入并更改文本

<!DOCTYPE html> 
<html> 
<form><center> 
First name:<br> 
    <input type="text" name="Firstname" id="JohnnyFunc"></form> 
    <button type="button" onclick="myFunction">Submit</button> 
<script> 
    function myFunction() 
{ 
document.getElementById("JhonnyOutput"). innerHTML="JohnnyFunc" 
} 
</script> 
<center><p>Hello</p><p id="JhonnyOutput">Johhny!</p></center> 
</html>

来源

2017-09-01 DiamondMiner88

onclick属性应该包括功能名称后的括号：onclick="myFunction()"

<form> 
    <center>First name:<br><input type="text" name="Firstname" id="JohnnyFunc"></center> 
</form> 
<center><button type="button" onclick="myFunction()">Submit</button></center> 
<script> 
    function myFunction() 
    { 
     document.getElementById("JhonnyOutput"). innerHTML="JohnnyFunc" 
    } 
</script> 
<center><p>Hello</p><p id="JhonnyOutput">Johhny!</p></center>

你也失踪结束标记你的第一个<center>元素

此外，要将文本更改为文本框中的内容，您需要从输入元素中获取文本：

function myFunction() { 
    var newText = document.getElementById("JohnnyFunc").value 
    document.getElementById("JhonnyOutput").innerHTML = newText 
}

来源

2017-09-01 16:45:47

我可能在这里做错了什么，因为我添加了所有你做的，它不起作用。当我按“提交”按钮时，文本从“Johnny！”更改到“JohnnyFunc”。为什么？我对编码不是很有经验，所以是的。 – DiamondMiner88

对不起，我想我没有说清楚，你需要用'myFunction（）'代替第二块代码，以便将文本框中的文本转换为段落。这是一个可用的[JSFiddle]（https://jsfiddle.net/ou0tLyx4/1/）来演示 –

如何从文本框中获取输入并更改文本

回答

相关问题