HTML DOM इनपुट नंबर stepUp() मेथड

परिचय

HTML DOM इनपुट नंबर stepUp() मेथड इनपुट नंबर फील्ड के मान को निर्दिष्ट मान से बढ़ाता (इन्क्रीमेंट करता है)।

सिंटैक्स

object.stepUp(number)

यदि number पैरामीटर छोड़ा जाता है, तो यह मान को 1 से बढ़ाता है।

उदाहरण

नंबर इनपुट फील्ड के मान को 10 से बढ़ाना/घटाना (stepDown() के समान उदाहरण):

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM stepUp()/stepDown() डेमो</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() मेथड डेमो</h1>
<p>हाय! आपकी उम्र कितनी है?</p>
<input type="number">
<br>
<button onclick="incValue()">StepUp मान</button>
<button onclick="decValue()">StepDown मान</button>
<script>
  function incValue() {
    document.querySelector("input").stepUp(10);
  }
  function decValue() {
    document.querySelector("input").stepDown(10);
  }
</script>
</body>
</html>

आउटपुट

"StepUp मान" या "StepDown मान" बटन पर क्लिक करके नंबर इनपुट फील्ड के मान को 10 से बढ़ाएं या घटाएं।