HTML DOM console.count() Method

เมธอด HTML DOM console.count() ใช้เพื่อเขียนคอนโซลตามจำนวนครั้งที่มีการเรียกเมธอด console.count() คุณยังสามารถระบุป้ายชื่อพารามิเตอร์ทางเลือกให้กับวิธีนี้ได้ ป้ายกำกับสามารถช่วยเราในการนับจำนวนเมธอด console.count() แยกกัน

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับเมธอด console.count() -

console.count( [label] );

ในที่นี้ เลเบลเป็นพารามิเตอร์ทางเลือกของสตริงประเภทที่ส่งออกจำนวนครั้งที่ถูกเรียกด้วยเลเบลที่ระบุนั้น

ตัวอย่าง

ให้เราดูตัวอย่างของเมธอด console.count() -

<!DOCTYPE html>
<html>
<body>
<h1>console.count() method</h1>
<p>Press F12 to view the message in the console view.</p>
<button type="button" onclick="count()">COUNT</button>
<script>
   function count(){
      for(var i=0;i<6;i++){
         if(i>3)
            console.count("Label2");
         else
            console.count("Label1");
      }
   }
</script>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM console.count() Method

เมื่อคลิกปุ่ม COUNT และดูแท็บคอนโซล −

HTML DOM console.count() Method

ในตัวอย่างข้างต้น −

ขั้นแรกเราได้สร้างปุ่ม COUNT ซึ่งจะรันเมธอด count() เมื่อผู้ใช้คลิก -

<button type="button" onclick="count()">COUNT</button>

ฟังก์ชัน count() เรียก console.count() ด้วยเลเบล 1 สี่ครั้งในขณะที่เรียกเลเบล 2 เพียงสองครั้งหลังจากที่ for loop ของเราสิ้นสุดลง เราสามารถเห็นได้จากผลลัพธ์ข้างต้นว่าค่าสุดท้ายที่มีป้ายกำกับ 1 คือสี่ และค่าสุดท้ายที่มีป้ายกำกับ 2 คือสอง -

function count(){
   for(var i=0;i<6;i++){
      if(i>3)
         console.count("Label2");
      else
         console.count("Label1");
   }
}