What is the difference between document.write and console.log?

What is the difference between document.write and console.log ?

3 Likes

The main difference is that document.write() inserts text into the document (the webpage in the browser window); console.log() does not. The user cannot see what is logging to the console as that is another interface, separate from the HTML/CSS environment.

document.write() is rather old school and hardly used anymore since it requires embedding in the actual page which is discouraged in this day and age. The aim is to maintain a separation of concerns, meaning no presentational elements or behaviors are to be embedded in the page, only HTML. You will likely learn all the newer techniques as you progress.

console.log() is a method of the JavaScript Console, a special object incuded in browsers for developers to use to debug and test their code in an interactive terminal. Only JS (ES) will work in the console, not HTML and not CSS.

23 Likes

Thanks for the clarification.

3 Likes

2 posts were split to a new topic: How to open html page on my computer?

Ah, alright. So it’s basically just like print() from Python.

Thanks for the clarification

1 Like