Console trong trình duyệt web và tương tác với console bằng javascript

Cửa sổ console trong trình duyệt web là nơi hiển thị các thông báo trong khi trình duyệt xử lý các trang html. Các thông báo này có thể được trình duyệt tạo tự động, hoặc được tạo bởi lập trình viên website. Thông thường, các thông báo trên cửa sổ console không mấy hữu ích với người dùng phổ thông, nhưng nó lại cực kỳ quan trọng trong việc giúp các lập trình viên xử lý website.

Cách hiển thị cửa sổ console trong trình duyệt

Đối với trình duyệt chrome:

Vào Menu / More Tools / Developer Tools

Đối với trình duyệt Firefox:

Vào Menu / Web Developer / Web Console

Hoặc chúng ta có thể thử bằng phím tắt F12. Phím tắt này là tuỳ vào máy tính và trình duyệt web hiện tại đang được dùng. Tuy nhiên, trong đa số trường hợp là có tác dụng.

Tương tác với cửa sổ console bằng javascript

In thông báo lên cửa sổ console:

Code javascript:

console.log(OB);

Trong đó: OB là đối tượng cần in lên cửa sổ console, có thể là một chuỗi ký tự, số, object...

Ví dụ sau in đoạn chữ hello world lên cửa sổ console:

console.log("hello world");

Kết quả khi chạy trên trình duyệt:

Xoá tất cả thông báo đang có trên cửa sổ console:

Code javascript:

console.clear();

Bên trên là cách để chúng ta tương tác với cửa sổ console trong javascript, điều này sẽ giúp ích rất nhiều trong quá trình chúng ta viết mã javascript. Ở những bài học sau, chúng ta sẽ học về biến, hàm, cấu trúc rẽ nhánh, vòng lặp trong javascript.