HTML में एलिमेंट को उपयोगकर्ता इनपुट मिलने पर स्क्रिप्ट कैसे निष्पादित करें?

जब कोई एलिमेंट उपयोगकर्ता इनपुट प्राप्त करता है तो ट्रिगर करने के लिए oninput इवेंट एट्रिब्यूट का उपयोग करें।

उदाहरण

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

oninput इवेंट तुरंत फायर होता है जब <input>, <textarea>, <select> का मान बदलता है। onchange से भिन्न: onchange फोकस खोने पर फायर होता है, oninput प्रत्येक कीस्ट्रोक/परिवर्तन पर।