JSFiddle - React, Tailwind, and code Playground

by Jon Kittell

HTML

<p id="message" onclick="write"></p>

JavaScript

function write(message) {
    document.getElementById('message').innerHTML += message + '<br/>';
}

// empty object
var empty = {};
write(empty.toString());

var tim = new Object();
tim.name = "Tim Bob";
write(tim.name);

// object literal
var john = {
    name: "John Blaine",
    age: 31
};

write(john.name);
write(john.age);
write(john.toString());

// toString
write([1,2,3].toString());
write(/\d/.toString());
write(false.toString());
write(write.toString());
john.toString = function() {
    return "Name: " + this.name + ", Age: " + this.age;
};
write(john.toString());

// nested objects
var person = {
    address: {
        number: 1,
        street: "brunswick"
    }
};