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

เมธอด HTML DOM console.log()

เมธอด 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>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้ -

เมธอด 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); }