HTML DOM Input Range অবজেক্ট

বিবরণ

HTML DOM Input Range অবজেক্ট <input> এলিমেন্টের সাথে জড়িত যা type="range"। আমরা createElement() এবং getElementById() মেথড ব্যবহার করে type="range" ইনপুট এলিমেন্ট তৈরি ও অ্যাক্সেস করতে পারি।

প্রোপার্টিগুলো

Input range অবজেক্টের প্রোপার্টিগুলো:

মেথডগুলো

Password অবজেক্টের মেথড (নোট: এখানে Input Range অবজেক্টের মেথড দেওয়া উচিত):

উদাহরণ

Input Range অবজেক্টের জন্য একটি উদাহরণ:

<!DOCTYPE html> <html> <head> <script>    function rangeCreate() {       var R = document.createElement("INPUT");       R.setAttribute("type", "range");       document.body.appendChild(R); } </script> </head> <body> <h1>Input range object</h1> <p>Create an input field with type range by clicking the below button</p> <button onclick="rangeCreate()">CREATE</button> <br><br> VOLUME: </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

CREATE বাটনে ক্লিক করার পর:

উদাহরণের ব্যাখ্যা

• আমরা একটি CREATE বাটন তৈরি করেছি যা ক্লিক করলে rangeCreate() মেথড এক্সিকিউট হবে।
• rangeCreate() মেথড document অবজেক্টের createElement() মেথড ব্যবহার করে <input> এলিমেন্ট তৈরি করে "INPUT" প্যারামিটার পাস করে। নতুন তৈরি ইনপুট এলিমেন্ট R ভেরিয়েবলে অ্যাসাইন করা হয় এবং setAttribute() মেথড ব্যবহার করে type অ্যাট্রিবিউট তৈরি করা হয় যার মান "range"। সেট্রিবিউট() অ্যাট্রিবিউট তৈরি করে এবং মান অ্যাসাইন করে যদি অ্যাট্রিবিউট আগে থেকে না থাকে। শেষে document body-র appendChild() মেথড ব্যবহার করে type="range" ইনপুট এলিমেন্ট বডির চাইল্ড হিসেবে অ্যাপেন্ড করা হয়।