JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<p>A function is triggered when the user releases a key in the input field. The function outputs the actual key/letter that was released inside the text field.</p>

Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

<p>My name is: <span id="demo"></span></p>



</body>

JavaScript

function myFunction() {
	// Holt den Eingabewert aus dem Eingabefeld
    var x = document.getElementById("fname").value;
    // Setzt die Ausgabe bei jedem Key Anschlag (keyup) auf "aaaaa" - 
    // nach dem ersten Key also keine Veränderung mehr
    document.getElementById("demo").innerHTML = "aaaaaa";
    // Setzt die Eingabe auf den Wert "bbbbb" - eigentlich nutzlos...nur zum testen
    document.getElementById("fname").value = "bbbbb";
    
    alert("lala3");
}