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