HTML DOM Input Number stepUp() মেথড

DOM input number stepUp() মেথড ইনপুট নাম্বার ফিল্ডের মান নির্দিষ্ট পরিমাণ দ্বারা বাড়ায়।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

object.stepUp(number)

এখানে, যদি number প্যারামিটার উপেক্ষা করা হয় তবে এটি মানটি ১ দ্বারা বাড়ায়।

উদাহরণ

HTML DOM input number stepUp() মেথডের উদাহরণ:

<!DOCTYPE html> <html> <head> <title>HTML DOM stepUp()/stepDown() Demo</title> <style> 
  body{ text-align:center; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat; height:100vh; color:#fff; } 
  p{ font-size:1.5rem; } 
  input{ width:40%; } 
  button{ background-color:#db133a; color:#fff; padding:8px; border:none; width:120px; margin:1rem; border-radius:50px; outline:none; cursor:pointer; } 
</style> </head> <body> 
<h1>stepUp()/stepDown() Method Demo</h1> 
<p>Hi! How old are you?</p> 
<input type="number"> 
<br> 
<button onclick="incValue()">StepUp Value</button> 
<button onclick="decValue()">StepDown Value</button> 
<script> 
function incValue() { document.querySelector("input").stepUp(10); } 
function decValue() { document.querySelector("input").stepDown(10); } 
</script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Input Number stepUp() মেথড

এখন "StepUp Value" বা "StepDown Value" বাটনে ক্লিক করলে ইনপুট নাম্বার ফিল্ডের মান বৃদ্ধি বা হ্রাস করা যাবে।

HTML DOM Input Number stepUp() মেথড