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

JavaScript से एक या अधिक काउंटर कैसे बढ़ाएं?

उदाहरण

counterIncrement प्रॉपर्टी से CSS काउंटर बढ़ाएं।

<!DOCTYPE html>
<html>
  <head>
    <style>
      h2 {
        counter-increment: section;
      }
      h2:before {
        content: counter(section) " क्विज़ ";
      }
    </style>
  </head>
  <body>
    <h1>क्विज़</h1>
    <p>counterIncrement बदलें</p>
    <h2>रूबी</h2>
    <h2 id="myID">जावा</h2>
    <h2>PHP</h2>
    <h2>पर्ल</h2>
    <button onclick="display()">काउंटर इंक्रीमेंट अपडेट करें</button>
    <script>
      function display() {
        document.getElementById("myID").style.counterIncrement = "subsection";
      }
    </script>
  </body>
</html>

उपयोग: counter-increment CSS प्रॉपर्टी के साथ JavaScript से डायनामिकली मान बदलें।

  1. JavaScript से ऑटोकंप्लीट कैसे बनाएं? JavaScript से ऑटोकंप्लीट कैसे बनाएं?

    फॉर्म में ऑटोकंप्लीशन (स्वचालित पूर्ण) बनाने का कोड नीचे दिया गया है। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <style> * { box-sizing: border-box; } body { margin: 10px; padding: 0px; fo

  1. JavaScript से टेक्स्ट टॉगल करें JavaScript से टेक्स्ट टॉगल करें

    JavaScript का उपयोग करके किसी एलिमेंट का टेक्स्ट कंटेंट दो स्थितियों के बीच टॉगल करना एक सामान्य UI पैटर्न है (जैसे अधिक दिखाएं/कम दिखाएं, चालू/बंद)। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> bo

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

    नई लाइन के लिए टैग का उपयोग करें। उदाहरण निम्नलिखित कोड देखें: Document My Name is David Miller document.getElementById(headingDemo).innerHTML = My Favourite Subject is JavaScript + + I live in AUS.; उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम anyName.html (index.