JSFiddle - React, Tailwind, and code Playground

by vikikamath

HTML

<ul>
    <li>Hello</li>
    <li>World</li>
</ul>

JavaScript

var data = [];
function extractData(key, obj) {
    var o;
    if (typeof obj === "string" && null !== key) {
        o = Object.create(null);
        o[key]=obj
        data.push(o);
    }else if (typeof obj === "function") {
    }else if (typeof obj === "object" && obj !== null) {
        Object.keys(obj).forEach(function(k){
            if (k !== "__proto__" || obj[k] !== null || typeof obj[k] !== "function"){
                //console.log(key, obj[key]);
                extractData(k, obj[k]);
            }
        });
    }
}

var uls = document.getElementsByTagName("ul");
uls[0].addEventListener('click', function(evn){
   //console.log(evn.target);
   //console.log(evn.view instanceof Window);
    extractData(null, evn);
   //extractData(null, nestedobj); 
    //console.log(data);
});

var nestedobj = {
    a: {
        b: {
            c: {
                d: "hello"
            }
        }
    }
};