Web browsers generally have consoles, which are interactive command lines where you can print text and test pieces of code.
This is where, for the most part, you’ll be debugging your javascript code and checking out for errors.
How To Open The Console
To open up the console for any browser.
2. Next, select console
Printing Values Using console.log()
console.log("Hello");
console.log("This is the browser console");
//Output:
//Hello
//This is a browser console
Printing Multiple Values
console.log('abc', 123, true);
//Output
//abc 123 true
Printing Strings With Substitutions
Here are some directives you can use for your substitutions:
%s: converts the corresponding value to a string and inserts it
console.log('Value: %s %s', 123, 'abc');
//Output
//123 abc
%o: inserts a string representation of an object
console.log('%o', {foo: 123, bar: 'abc'});
Notice that result is an object.
%j: converts a value to a JSON string and inserts it
console.log('%j', {foo: 123, bar: 'abc'});
%%: inserts a single %
console.log('%s%%', 100);
//Output
// 100%
Printing Error Information Using console.error()
console.error() works typically the same way as console.log(), but what it logs is considered error information.
Neumorphism design, alternatively termed as "soft UI" or "new skeuomorphism," represents a design trend that…
Debugging JavaScript code can sometimes be challenging, but with the right practices and tools, you…
Service Workers are one of the core features of modern web applications, offering powerful capabilities…
A database-driven website is a dynamic site that utilizes a database to store and manage…
Toasts are user interface elements commonly used in software applications, especially in mobile app development…
JavaScript has long been synonymous with frontend web development, powering interactive and dynamic user interfaces…