HTML DOM ইনপুট রেঞ্জ stepDown() পদ্ধতিটি একটি নির্দিষ্ট সংখ্যা দ্বারা স্লাইডার নিয়ন্ত্রণ মান হ্রাস করার জন্য ব্যবহৃত হয়। যদি ফাঁকা রাখা হয় তবে এটি 1 দ্বারা হ্রাস পাবে। যদি ধাপের বৈশিষ্ট্যটি নির্দিষ্ট করা থাকে তবে stepdown() পদ্ধতিটি এর একাধিকতে হ্রাস পাবে। যেমন:যদি step=”20” তাহলে stepDown(2) 20*2=40 কমে যাবে
সিনট্যাক্স
রেঞ্জ স্টেপডাউন() পদ্ধতি -
-এর জন্য সিনট্যাক্স নিচে দেওয়া হলrangeObject.stepDown(number)
এখানে, স্লাইডার নিয়ন্ত্রণ হ্রাস মান নির্দিষ্ট করার জন্য সংখ্যা একটি বাধ্যতামূলক পরামিতি। যদি খালি রাখা হয় তবে এটি 1 দ্বারা হ্রাস পাবে।
উদাহরণ
আসুন স্টেপডাউন() পদ্ধতি -
রেঞ্জের একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input range stepDown() method</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Decrement the slider control value by clicking the below button</p>
<button type="button" onclick="stepDecrement()">DECREMENT</button>
<p id="Sample"></p>
<script>
function stepDecrement() {
document.getElementById("RANGE1").stepDown(10);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ডিক্রেমেন্ট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা একটি ফর্মের ভিতরে একটি ইনপুট ক্ষেত্র তৈরি করেছি যার মধ্যে type=“range, id=“RANGE1” ,name=“VOL” −
<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
তারপরে আমরা একটি বোতাম DECREMENT তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার সময় stepDecrement() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="stepDecrement()">DECREMENT</button>
stepDecrement() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ রেঞ্জ সহ ইনপুট ক্ষেত্র পেতে আইডি "RANGE1" পাস করে এবং এটিতে stepDown() মেথডকে কল করে 10টি হ্রাস মান হিসাবে সরবরাহ করে। এটি স্লাইডারটিকে 10 −
কমিয়ে দেবেfunction stepDecrement() {
document.getElementById("RANGE1").stepDown(10);
} 