Question

我试图从文本输入框中获取输入，将段落转换为输入框中的内容。请注意，这不是仅在浏览器中运行的代码的网页。这是我到目前为止所得到的：

<!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>

Answer 1

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>元素的结束标记

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

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

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

1 个答案: