বিবরণ
HTML DOM Input Range stepDown() মেথড ব্যবহার করা হয় স্লাইডার কন্ট্রোলের মান নির্দিষ্ট সংখ্যা দ্বারা হ্রাস করার জন্য। যদি খালি রেখে দেওয়া হয় তবে এটি ১ দ্বারা হ্রাস করবে। যদি step অ্যাট্রিবিউট স্পেসিফাই করা থাকে তবে stepDown() মেথড সেটির গুণফলে হ্রাস করবে। উদাহরণ: যদি step="20" হয় তবে stepDown(2) ২০*২=৪০ দ্বারা হ্রাস করবে।
সিনট্যাক্স
Range stepDown() মেথডের সিনট্যাক্স:
rangeObject.stepDown(number)
এখানে, number হলো স্লাইডার কন্ট্রোলের হ্রাসের মান নির্দেশ করার জন্য একটি বাধ্যতামূলক প্যারামিটার। যদি খালি রাখা হয় তবে এটি ১ দ্বারা হ্রাস করবে।
উদাহরণ
Range stepDown() মেথডের জন্য একটি উদাহরণ:
<!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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
DECREMENT বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- আমরা একটি ইনপুট ফিল্ড তৈরি করেছি একটি ফর্মের ভেতরে যার type="range", id="RANGE1", name="VOL"।
- তারপর একটি DECREMENT বাটন তৈরি করা হয়েছে যা ক্লিক করলে stepDecrement() মেথড এক্সিকিউট হবে।
- stepDecrement() মেথড getElementById() ব্যবহার করে type="range" ইনপুট ফিল্ড পায় id "RANGE1" পাস করে এবং সেটিতে stepDown() মেথড কল করে ১০ পাস করে হ্রাসের মান হিসেবে। এটি স্লাইডারকে ১০ দ্বারা হ্রাস করবে।
