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