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

परिचय

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

सिंटैक्स

object.stepDown(number)

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

उदाहरण

नंबर इनपुट फील्ड के मान को 10 से बढ़ाना/घटाना:

<!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 से बढ़ाएं या घटाएं।