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

परिचय

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

सिंटैक्स

object.stepDown(number)

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

उदाहरण

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

<!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="month">
<br>
<button onclick="incValue()">StepUp मान</button>
<button onclick="decValue()">StepDown मान</button>
<script>
  function incValue() {
    document.querySelector("input").stepUp();
  }
  function decValue() {
    document.querySelector("input").stepDown();
  }
</script>
</body>
</html>

आउटपुट

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