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.
1 of 5
Download to read offline
![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)
More Related Content
Ad
Similar to Logging in JavaScript - Part-3 (20)
Ad
More from Ideas2IT Technologies (20)
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.