HTML DOM ইনপুট রেঞ্জ ভ্যালু প্রপার্টি টাইপ=”রেঞ্জ” এবং ভ্যালু অ্যাট্রিবিউট বিশিষ্ট ইনপুট এলিমেন্টের সাথে যুক্ত। এটি স্লাইডার নিয়ন্ত্রণ মান বৈশিষ্ট্যের মান ফেরত দিতে বা সেট করতে ব্যবহৃত হয়। মান বৈশিষ্ট্যটি ডিফল্ট মান বা স্লাইডার টেনে সেট করা মান হতে পারে৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলমান সম্পত্তি সেট করা হচ্ছে -
rangeObject.value = text;
এখানে, রেঞ্জ স্লাইডার নিয়ন্ত্রণের মান নির্দিষ্ট করার জন্য পাঠ্য ব্যবহার করা হয়।
উদাহরণ
আসুন ইনপুট পরিসর মান বৈশিষ্ট্যের জন্য একটি উদাহরণ দেখি -
<!DOCTYPE html> <html> <body> <h1>Input range Value property</h1> <form> VOLUME <input type="range" id="RANGE1" name="VOL"> </form> <p>Get the above element value by clicking the below button</p> <button onclick="getValue()">Get Value</button> <p id="Sample"></p> <script> function getValue() { var t = document.getElementById("RANGE1").value; document.getElementById("Sample").innerHTML = "The value for the radio button is : "+t; } </script> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
"মূল্য পান" বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা টাইপ=“রেঞ্জ”, id=“RANGE1”, name=“VOL” -
সহ ফর্মের ভিতরে একটি ইনপুট ফিল্ড তৈরি করেছি।<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
তারপরে আমরা একটি "মান পান" বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে getValue() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="getValue()">Get Value</button>
getValue() মেথড getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং ভ্যারিয়েবল টি-তে এর “মান” অ্যাট্রিবিউট মান নির্ধারণ করে। এই ভেরিয়েবলটি তারপর অনুচ্ছেদে আইডি "নমুনা" সহ এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রদর্শিত হয় -
function getValue() { var t = document.getElementById(“RANGE1").value; document.getElementById("Sample").innerHTML = "The value for the input field is : "+t; }