JSFiddle - React, Tailwind, and code Playground

HTML

<div id="obj1"></div>
<div id="obj2"></div>
<div id="obj2proto"></div>

CSS

div { padding: 0.5em; background: #EEE; margin: 0.25em }

JavaScript

var obj1 = { name: 'matt', age: 20, gender: 'male' }
document.getElementById('obj1').innerHTML = '<strong>Obj1 JSON.stringify:</strong> '+ JSON.stringify(obj1);
var obj2 = Object.create(obj1);
obj2.name = "Jacky";
document.getElementById('obj2').innerHTML = '<strong>Obj2 JSON.stringify:</strong> '+ JSON.stringify(obj2);
document.getElementById('obj2proto').innerHTML = '<strong>Obj2 Prototype:</strong> name: '+obj2.name+', age: '+obj2.age+', gender: '+obj2.gender;