জাভাস্ক্রিপ্টে কাউন্টার তৈরি বা রিসেট করা

কাউন্টার তৈরি করতে জাভাস্ক্রিপ্টে counterReset প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          h2:before {             counter-increment: section;             content: counter(section) " কুইজ ";          }       </style>    </head>    <body>       <h1>কুইজ</h1>       <p>counterIncrement পরিবর্তন করুন</p>       <h2>রুবি</h2>       <h2 id="myID">জাভা</h2>       <h2>পিএইচপি</h2>       <h2>পার্ল</h2>       <button onclick="display()">কাউন্টার রিসেট</button>       <script>          function display() {             document.body.style.counterReset = "section";          }       </script>    </body> </html>

ব্যাখ্যা: counter-reset একটি কাউন্টার তৈরি করে বা সেট করে ০-এ। উদাহরণে <body>-এ counterReset = "section" সেট করলে "section" কাউন্টার পুনরায় ০ থেকে শুরু হয়, ফলে পরবর্তী h2 গুলো ১, ২, ৩... হিসাব করবে। এটি প্রিন্ট লেআউট বা ডাইনামিক কন্টেন্টে ব্যবহারিক।