DEV Community

Kauress
Kauress

Posted on

Browser implementation of console.log

Kawaii Console

Here is a codepen for a browser implementation of console.log (and others) to teach data types.

Browser implementation of:

console.log()
console.clear()
console.warn()
console.trace()
Enter fullscreen mode Exit fullscreen mode
  1. The console's logs the "typeof" of the value logged
  2. The index of array items and property-value pairs in objects are also logged

https://codepen.io/Kauress/pen/pKWpxm

Top comments (5)

Collapse
 
ginniecodes profile image
Jhinel Arcaya

I never thought a console.warn could look so cute, love it!

Collapse
 
kauresss profile image
Kauress

:)

Collapse
 
andy profile image
Andy Zhao (he/him)

Love the art!!

Btw, feel free to add in your codepen as an embed with our Liquid tag:

{% codepen https://codepen.io/Kauress/pen/pKWpxm %}
Collapse
 
thepracticaldev profile image
dev.to staff

It'll show up like this!

Collapse
 
kauresss profile image
Kauress

thanks!