What is the difference between document.write and console.log ?
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.
Thanks for the clarification.
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
Great clarification. As a beginner it helped me understand that with relative ease.
Very helpful, thanks!
Ok I’m completely new to coding and don’t quite understand. Would you use console.log to test a small script of code to see if it acts the way you want it to?
Ex. console.log( code you’re testing );
What do you mean here?
console.log() is similar to
print() in python
Thanks, very well explained!
Excelent, very clear
Nothing against old school, but, really? They still teach this stuff? Is their any context as to how dated this is?
This goes all the way back to NetScape, to whom, by the way, we owe a lot of today’s browser technology.
Thank you, it is a very helpful and clear explanation!
console.log writes on the console whereas document.write writes on the document or the body
easy clarification Thanks
document.write("ES2015") this is going to be the output:
Let me zoom in closer…
The “ES2015” text appears on the page.
console.log actually is most important when you are using vanilla JS with a console. If I write
console.log("ES2015"), then the text
ES2015 appears in the console.