Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để tăng một hoặc nhiều bộ đếm với JavaScript?

Sử dụng counterIncrement thuộc tính đến bộ đếm tăng dần. Bạn có thể thử chạy mã sau để tăng một hoặc nhiều bộ đếm bằng JavaScript -

Ví dụ 

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2 {
            counter-increment: section;
         }
         h2:before {
            content: counter(section) " Quiz ";
         }
      </style>
   </head>
   <body>
      <h1>Quizzes</h1>
      <p>Change the counterIncrement</p>
      <h2>Ruby</h2>
      <h2 id="myID">Java</h2>
      <h2>PHP</h2>
      <h2>Perl</h2>
      <button onclick="display()">Update Counter Increment</button>
      <script>
         function display() {
            document.getElementById("myID").style.counterIncrement = "subsection";
         }
      </script>
   </body>
</html>