เมธอด HTML DOM console.log() ใช้สำหรับเขียนข้อความไปยังคอนโซล คอนโซลใช้สำหรับการดีบั๊กและทดสอบเป็นหลัก ข้อความสามารถเป็นประเภท string หรือ object
ไวยากรณ์
ไวยากรณ์สำหรับเมธอด console.log ดังนี้ -
console.log(msg)
ที่นี่ msg สามารถเป็น string, array หรือ object เราสามารถส่งอ็อบเจกต์หลายตัวคั่นด้วยคอมมาเป็นพารามิเตอร์ได้
ตัวอย่าง
ลองดูตัวอย่างสำหรับเมธอด console.log() -
<!DOCTYPE html> <html> <body> <h1>JavaScript console.log() Method</h1> <p>กด F12 เพื่อดูข้อความในมุมมองคอนโซล</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>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้ -

เมื่อคลิกปุ่ม 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); }