Thread by @csaba_kissi

The console log is more powerful than most web developers think.

See below 👇

Go to stackblitz.com and log in.

Stackblitz is an online code editor (I'm not affiliated with them)

You can even use the local Javascript file to test the following.

Open a new Javascript project.

Paste the following into the index.js file:

console.warn('This is a warning message');

console.error('This is an error message');

// more down 👇

console.info('This is an informational message');

console.debug('This is a debug message');

let users = [
{ name: 'John', age: 20 },
{ name: 'Jane', age: 22 },
];
console.table(users);

console.log('%c im a bigger text', 'font-size:36px; font-weight: bold');

Next:

1️⃣ Click refresh in the integrated browser

2️⃣ Open console by clicking in the right bottom corner

Check the output below

Check the output below

If you like this post, you can bookmark and tag it by replying with @SaveToBookmarks #javasacript #tip

You can view your bookmarks on savetobookmarks.com

That's all, guys.

If you found this list useful, consider:

✅ Follow @csaba_kissi for more content like this
🔔 Enable notifications 👀
🔄 Retweeting the first tweet.

Thanks for your support, guys! 🙏🤝