Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में HTML इनपुट नंबर के लिए इंक्रीमेंट/डिक्रीमेंट बटन प्रोग्रामेटिकली बनाएं

उदाहरण

stepUp() और stepDown() मेथड से इनपुट नंबर को इंक्रीमेंट/डिक्रीमेंट करें।

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>Document</title> 
</head> 
<body> 
<input id="demoInput" type="number" min="100" max="110"> 
<button onclick="increment()">+</button> 
<button onclick="decrement()">-</button> 
<script> 
    function increment() { 
        document.getElementById('demoInput').stepUp(); 
    } 
    function decrement() { 
        document.getElementById('demoInput').stepDown(); 
    } 
</script> 
</body> 
</html>

फ़ाइल सेव करें और Live Server से खोलें।

आउटपुट

प्लस बटन से वैल्यू बढ़ेगी, माइनस से घटेगी।

  1. JavaScript में बटन क्लिक पर 10 का इंक्रीमेंट कैसे बनाएं? JavaScript में बटन क्लिक पर 10 का इंक्रीमेंट कैसे बनाएं?

    उदाहरण click() इवेंट और parseInt() का उपयोग करके हर क्लिक पर 10 बढ़ाएं। <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </head> <body> &

  1. JavaScript - HTML बटन पर क्लिक करने पर अलर्ट बनाएं JavaScript - HTML बटन पर क्लिक करने पर अलर्ट बनाएं

    बटन पर क्लिक करने पर अलर्ट फायर करने के लिए, addEventListener() का उपयोग करें। मान लीजिए HTML वेब पेज पर हमारा बटन निम्नलिखित है: Please Press Me उदाहरण निम्नलिखित कोड देखें: Document Please Press Me var pressedButton = document.getElementsByTagName(button)[0]; pressedButton

  1. HTML DOM Input Number type प्रॉपर्टी HTML DOM Input Number type प्रॉपर्टी

    HTML DOM Input number type प्रॉपर्टी type=number वाले इनपुट तत्व से जुड़ी होती है। यह इनपुट नंबर तत्व के लिए हमेशा number लौटाएगी। सिंटैक्स number type प्रॉपर्टी के लिए सिंटैक्स: numberObject.type उदाहरण आइए HTML DOM Input Number type प्रॉपर्टी का एक उदाहरण देखते हैं: <!DOCTYPE html> <htm