Execute a Script When Element Gets User Input in HTML

Use the oninput event attribute to trigger when an element gets user input. You can try to run the following code to implement oninput attribute −

Example

<!DOCTYPE html>
<html>
   <body>
      <p>Write your name below:</p>
      <input type = "text" id = "myid" oninput="display()">
      <p id="test"></p>
      <script>
         function display() {
            var p = document.getElementById("myid").value;
            document.getElementById("test").innerHTML = "Your answer is " + p;
         }
      </script>
   </body>
</html>
Updated on: 2023-11-23T14:03:27+05:30

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements