JSFiddle - React, Tailwind, and code Playground

by Clint

HTML

Open your DevTools, and then run this fiddle to see the results in your console.

<div></div>

JavaScript

var msg = "Hello";
var number = 17;
var person = {
  age: 35,
  name: "Thom Yorke",
  instruments: ["vox", "synth", "piano", "guitar"]
}


console.group("-- Logging simple types --")
console.log(msg);
console.log(number);
console.groupEnd();

console.group("-- Logging an object --");
console.log(person);
console.log(JSON.stringify(person));
console.dir(person);
console.table(person);
console.groupEnd();

console.group("-- Logging an element --");
var el = document.querySelector('div');
console.log(el);
console.dir(el);
console.groupEnd();