HTML DOM ইনপুট রেঞ্জ stepUp() পদ্ধতিটি একটি নির্দিষ্ট সংখ্যা দ্বারা স্লাইডার নিয়ন্ত্রণ মান বৃদ্ধির জন্য ব্যবহৃত হয়। যদি ফাঁকা রাখা হয় তবে এটি 1 দ্বারা বৃদ্ধি পাবে। যদি ধাপের বৈশিষ্ট্যটি নির্দিষ্ট করা থাকে তবে stepUp() পদ্ধতিটি এর একাধিকতে বৃদ্ধি পাবে। যেমন:যদি step=”20” তাহলে stepUp(2) 20*2=40 দ্বারা বৃদ্ধি পাবে
সিনট্যাক্স
রেঞ্জ stepUp() পদ্ধতি -
-এর জন্য সিনট্যাক্স নিচে দেওয়া হলrangeObject.stepUp(number)
এখানে, স্লাইডার নিয়ন্ত্রণ বৃদ্ধির মান নির্দিষ্ট করার জন্য সংখ্যা একটি বাধ্যতামূলক পরামিতি। যদি ফাঁকা রাখা হয় তবে এটি 1 দ্বারা বৃদ্ধি পাবে।
উদাহরণ
আসুন স্টেপআপ() পদ্ধতি -
পরিসরের একটি উদাহরণ দেখি<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ইনক্রিমেন্ট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা একটি ফর্মের ভিতরে একটি ইনপুট ক্ষেত্র তৈরি করেছি যার মধ্যে type=“range, id=“RANGE1” , name=“VOL” −
<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
তারপরে আমরা একটি ইনক্রিমেন্ট বাটন তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে stepIncrement() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="stepIncrement()">INCREMENT</button>
stepIncrement() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ রেঞ্জ সহ ইনপুট ক্ষেত্র পেতে আইডি "RANGE1" পাস করে এবং এটিতে stepUp() পদ্ধতিকে কল করে 10টি ইনক্রিমেন্ট মান হিসাবে সরবরাহ করে। এটি স্লাইডারকে 10 −
বৃদ্ধি করবেfunction stepIncrement() {
document.getElementById("RANGE1").stepUp(10);
} 