JavaScript से काउंटर कैसे बनाएं या रीसेट करें?

उदाहरण

counterReset प्रॉपर्टी से CSS काउंटर बनाएं या रीसेट करें।

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

व्याख्या: counter-reset काउंटर को प्रारंभिक मान (डिफ़ॉल्ट 0) पर सेट करता है। इसे किसी भी एलिमेंट पर लागू किया जा सकता है।