HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

要素がHTMLでユーザー入力を取得したときにスクリプトを実行しますか？

oninputを使用します 要素がユーザー入力を取得したときにトリガーするイベント属性。次のコードを実行して、 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>

  1. 要素がHTMLでクリックされているときにスクリプトを実行しますか？

    onclickを使用します 要素がHTMLでクリックされたときにスクリプトを実行する属性。 例 次のコードを実行して、 onclickを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <button onclick = "display()">Click</button>       <p id = "test"></p> &n

  2. 要素がHTMLでフォーカスを取得したときにスクリプトを実行しますか？

    onfocusを使用する 要素がHTMLでフォーカスを取得したときにスクリプトを実行する属性。 例 次のコードを実行して、 onfocusを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <p>Enter subject name below,</p>       Subject: <input type = "text" id = "sname"