Logging in JavaScript - Part-3
0 likes54 views
The document provides various techniques for logging in JavaScript, including formatting objects with console.dir() and printing DOM elements with console.dirxml(). It also explains how to clear logs using console.clear() and how to count occurrences of invocations with console.count(). The document aims to enhance understanding of console methods for effective debugging and logging.
![Clearing the logs:
You can clear out all the console logs using the
console.clear() method.
Countings:
The console.count() method is used to count the number
of times it has been invoked with the same provided
label.
For example, here we have two counters, one for even
values and one for odd values
[1, 2, 3, 4, 5].forEach(nb => {
if (nb % 2 === 0) {
console.count('even');
} else {
console.count('odd');
}
});
// odd: 1
// even: 1
// odd: 2
// even: 2
// odd: 3](https://image.slidesharecdn.com/rcdn8cg5s0algrlxxmyq-signature-33febfbf6d3e50b50774db09fb36522e1462f4d09444fc9f695547af1b5468a9-poli-200611150746/85/Logging-in-JavaScript-Part-3-4-320.jpg)
Logging in JavaScript - Part-3
- 2. Formatting Logs: There is a way to print out objects in a nice formatted way using console.dir(). For example, const jsNugget = { topic: 'Logging', platform: 'Javascript', date: { year: '2020', month: 'February', day: 'Wednesday' } }; console.dir(jsNugget); Output:
- 3. Formatting Logs: You can print out a DOM element’s markup in a formatted way using console.dirxml(). For example, <body> <h1>hello</h1> <script> console.dirxml(document.body); </script> </body> Output:
- 4. Clearing the logs: You can clear out all the console logs using the console.clear() method. Countings: The console.count() method is used to count the number of times it has been invoked with the same provided label. For example, here we have two counters, one for even values and one for odd values [1, 2, 3, 4, 5].forEach(nb => { if (nb % 2 === 0) { console.count('even'); } else { console.count('odd'); } }); // odd: 1 // even: 1 // odd: 2 // even: 2 // odd: 3
- 5. That you can play around with console, in the forthcoming parts.