জাভাস্ক্রিপ্টে এক বা একাধিক কাউন্টার ইনক্রিমেন্ট করা

কাউন্টার ইনক্রিমেন্ট করতে counterIncrement প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

<!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>পিএইচপি</h2>       <h2>পার্ল</h2>       <button onclick="display()">কাউন্টার ইনক্রিমেন্ট আপডেট</button>       <script>          function display() {             document.getElementById("myID").style.counterIncrement = "subsection";          }       </script>    </body> </html>

ব্যাখ্যা: CSS কাউন্টার স্বয়ংক্রিয়ভাবে নম্বরিং করে। counter-increment: section দ্বারা প্রতিটি h2-এর জন্য সেকশন কাউন্টার বেড়ে। জাভাস্ক্রিপ্টে style.counterIncrement পরিবর্তন করে নির্দিষ্ট এলিমেন্টের কাউন্টার আচরণ পরিবর্তন করা যায়। এখানে "Java" শিরোনামের জন্য কাউন্টার নাম subsection করা হয়েছে।