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:
| 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 |
| What is HTML onblur Event Attribute | Form Events Attribute |
| What is HTML onchange Event Attribute | Form Events Attribute |
| What is HTML oncontextmenu Event Attribute | Form Events Attribute |
| What is HTML onfocus Event Attribute | Form Events Attribute |
| What is HTML oninput Event Attribute | Form Events Attribute |
| What is HTML oninvalid Event Attribute | Form Events Attribute |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | Form Events Attribute |
Uploaded by: | Admin |