Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML DOM console.log() วิธีการ


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

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับวิธี console.log -

onsole.log(msg)

ที่นี่ msg สามารถเป็นสตริง อาร์เรย์ หรืออ็อบเจ็กต์ เราสามารถส่งออบเจ็กต์ที่คั่นด้วยเครื่องหมายจุลภาคหลายรายการเป็นพารามิเตอร์ได้เช่นกัน

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับเมธอด console.log() -

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.log() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="logConsole()">LOG</button>
<script>
   function logConsole(){
      console.log("Following are some animal names");
      var Arr1 = ["dog", "cat", "monkey", "lion" ];
      console.log(Arr1);
   }
</script>
</body>
</html>

ผลลัพธ์

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

HTML DOM console.log() วิธีการ

เมื่อคลิกปุ่ม LOG และดูคอนโซล -

HTML DOM console.log() วิธีการ

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

ขั้นแรกเราได้สร้างปุ่ม LOG ที่จะรันฟังก์ชัน logConsole() เมื่อผู้ใช้คลิก -

<button type="button" onclick="logConsole()">LOG</button>

ฟังก์ชัน logConsole() มีเมธอด console.log() อยู่ข้างใน ก่อนอื่นเราได้ส่งสตริงอย่างง่ายเป็นพารามิเตอร์ไปยังเมธอด console.log() จากนั้นเราได้ส่งอาร์เรย์ความยาว 4 ไปยัง console.log() มันจะพิมพ์ข้อความทั้งสองตามลำดับที่อยู่ในเอกสาร -

function logConsole(){
   console.log("Following are some animal names");
   var Arr1 = ["dog", "cat", "monkey", "lion" ];
   console.log(Arr1);
}