如何使用Javascript根据HTML中的输入文本字段更改文本元素？

这是我的代码副本，地址：

美国,，
卢克。

基本上，我正在尝试将名字从Luke改为任何人在字段文本中键入的名字

比如说，他们输入的名字是“Jason”

我希望Luke的跨度文本从Luke改为Jason

---

提前谢谢

这应该让您开始（必须在字段外单击才能进行更新）：

$（'input[name=first_name]'）。模糊（函数（）{
$（'#initname'）.text（this.value）；
});

美国,，
卢克。
这应该让您开始（必须在字段外单击才能进行更新）：


$（'input[name=first_name]'）。模糊（函数（）{
$（'#initname'）.text（this.value）；
});

美国,，
卢克。
不使用外部库：
使用onchange的不同方法：

和onkeyup：

我想你更喜欢onkeyup，我举一个例子：

html

示例：
不使用外部库：
使用onchange的不同方法：

和onkeyup：

我想你更喜欢onkeyup，我举一个例子：

html

例如：

<h1 class="login-heading">
<a href="./index.html" class="lnk2">Join</a> us, 
<span id="initname">Luke</span>.</h1>
<form method="post">
<input type="text" name="first name" placeholder="First Name" required="required" class="input-txt" />
</form>

<h1 class="login-heading">
  <a href="./index.html" class="lnk2">Join</a> us, 
  <span id="initname">Luke</span>.</h1>
<form method="post">
  <input type="text" onkeyup="changeText(this)" name="first name" placeholder="First Name" required="required" class="input-txt" />
</form>

function changeText(element) {
  document.getElementById('initname').innerHTML = element.value;
}