Javascript 输入中的文本显示在页面的其他位置

我该如何更改此HTML5/JavaScript，使其将“一些文本”更改为您键入的内容，而不是“Hello World”

一些文本
函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“Hello World”；
}

一些文本
函数myFunction（元素）{
document.getElementById（“demo”）.innerHTML=element.value；
}

首先研究如何从

中获取值。请参见

onkeyup

是一个更好的事件，因为演示文本将被设置为输入中的内容，而不是除最后一个字符以外的所有内容

<p id="demo">Some text.</p>

<input type="text" size="20" onkeypress="myFunction()">

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>