How to Execute a JavaScript when a user writes something in an <input> field

Here Writes something in the text field to trigger a function.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<p>Write something in the text field to trigger a function.</p>

<input type="text" id="myInput" oninput="myFunction()">

<p id="demo"></p>

<script>
function myFunction() {
  let x = document.getElementById("myInput").value;
  document.getElementById("demo").innerHTML = "You wrote: " + x;
}
</script>

</body>
</html>

Output should be:

Single Articles

Example of HTML oninput Event Attribute	Form Events Attribute
Definition and Usage of HTML oninput Event Attribute	Form Events Attribute
Browser Support of HTML oninput Event Attribute	Form Events Attribute
Syntax of HTML oninput Event Attribute	Form Events Attribute
Attribute Values of HTML oninput Event Attribute	Form Events Attribute
Technical Details of HTML oninput Event Attribute	Form Events Attribute
How to Execute a JavaScript when a user writes something in an <input> field	Form Events Attribute

List of Form Events Attribute	Form Events Attribute
HTML onblur Event Attribute	Form Events Attribute
HTML onchange Event Attribute	Form Events Attribute
HTML oncontextmenu Event Attribute	Form Events Attribute
HTML onfocus Event Attribute	Form Events Attribute
HTML oninput Event Attribute	Form Events Attribute
HTML oninvalid Event Attribute	Form Events Attribute
HTML onreset Event Attribute	Form Events Attribute
HTML onsearch Event Attribute	Form Events Attribute
HTML onselect Event Attribute	Form Events Attribute
HTML onsubmit Event Attribute	Form Events Attribute

Type:	html
Category:	Web Tutorial
Sub Category:	Form Events Attribute
Uploaded by:	Admin