JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title> test page </title>
    </head>
    <body>
        <p>Array example</p>
    </body>
</html>

JavaScript

var baseObject = Object.create(Object, {  
// this works as an instance variable for derived objects  
    name: {
        writable: true,
        configurable: true,
        enumerable: true,
        value: null    
    },   
// this should act as instance variable for derived objects   
    values: {
        writable: true,
        configurable: true,
        enumerable: true,
        value: []    
    },
    displayAlert: {
        value: function (){
            alert("Alert from base object");
        }
    }
});

var derivedObj1 = Object.create(baseObject, {});    
var derivedObj2 = Object.create(baseObject, {});    

function displayValues (obj) {
    alert("values for " + obj.name + "\n" + JSON.stringify(obj.values));
};

$(document).ready(function(){
    derivedObj1.name = "Object 1";
    derivedObj2.name = "Object 2";
    
    derivedObj1.values.push("DO1 element");
    derivedObj2.values.push("DO2 element");
    
    derivedObj1.displayAlert();
    
    // should display values added only for derivedObj1
    displayValues(derivedObj1);
    
    // should display values added only for derivedObj2
    displayValues(derivedObj2);
});