Wie ändere ich ein Textelement basierend auf einem Eingabetextfeld in HTML mit Javascript?

Hier ist eine Kopie meines Codes unter:https: //jsfiddle.net/5zLyyv94

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

rundsätzlich versuche ich, den Namen von Luke in einen beliebigen Namen zu ändern, den die Person in den Feldtext für den Vornamen eingib

sage also, sie geben ihren Vornamen als "Jason" ein

Ich möchte, dass der Spantext für Luke von Luke zu Jason wechselt.

Danke im Voraus

Antworten auf die Frage(4)

Ihre Antwort auf die Frage