কম্পিউটার টিউটোরিয়াল

HTML DOM InputEvent data প্রপার্টি

ওভারভিউ

HTML DOM InputEvent data প্রপার্টি ইভেন্টের মাধ্যমে টাইপ করা ক্যারেক্টারের স্ট্রিং রিটার্ন করে।

সিনট্যাক্স

event.data

উদাহরণ

InputEvent data প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <title>InputEvent Data</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } </style> </head> <body> <form> <fieldset> <legend>InputEvent-Data</legend> <label>Fill in the blanks: <input type="text" id="textSelect" placeholder="__ for Apple" oninput="getEventData(event)"> </label> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var textSelect = document.getElementById("textSelect");    function getEventData(InputEvent) {       if(InputEvent.data === 'A')          divDisplay.textContent = 'Correct Answer';       else          divDisplay.textContent = 'Try Again, '+textSelect.placeholder;       textSelect.textContent = '';    } </script> </body> </html>

আউটপুট

টেক্সট ফিল্ডে কিছু টাইপ করার আগে:

HTML DOM InputEvent data প্রপার্টি

ভুল উত্তর টাইপ করার পর:

HTML DOM InputEvent data প্রপার্টি

সঠিক উত্তর টাইপ করার পর:

HTML DOM InputEvent data প্রপার্টি

  1. HTML DOM Object data প্রপার্টি

  2. HTML DOM textContent প্রপার্টি

  3. HTML DOM Ol type প্রপার্টি

  4. HTML DOM Ol start প্রপার্টি