เมธอด HTML DOM console.clear() ใช้สำหรับล้างคอนโซล เมธอด console.clear() จะเขียนข้อความ "Console was cleared" ในคอนโซลและล้างเนื้อหาคอนโซลก่อนหน้าทั้งหมด เมธอดนี้ได้รับการรองรับเต็มที่โดยเบราว์เซอร์ทั้งหมด
ไวยากรณ์
ไวยากรณ์สำหรับเมธอด console.clear() ดังนี้ -
console.clear()
ตัวอย่าง
ลองดูตัวอย่างสำหรับเมธอด HTML DOM console.clear() -
<!DOCTYPE html> <html> <body> <h1>JavaScript console.clear() Method</h1> <p>กด F12 บนคีย์บอร์ดเพื่อดูข้อความบนคอนโซลของคุณ</p> console.log("TEXT has been printed on the console!"); <p>คลิกปุ่มด้านล่างเพื่อล้างคอนโซล</p> <button onclick="clearConsole()">CLEAR</button> <script> function clearConsole() { console.clear(); } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้ -

คอนโซล -

เมื่อคลิกปุ่ม CLEAR -

ในตัวอย่างข้างต้น -
เราเขียนข้อความบางส่วนไปยังคอนโซลโดยใช้เมธอด console.log() -
console.log("TEXT has been printed on the console!");
เราสร้างปุ่ม CLEAR ที่จะเรียกใช้เมธอด clearConsole() -
<button onclick="clearConsole()">CLEAR</button>
เมธอด clearConsole() เรียกฟังก์ชัน clear() บนอ็อบเจกต์คอนโซล นี่จะล้างคอนโซลและเขียน "Console was cleared" บนคอนโซล -
function clearConsole() { console.clear(); }