JSFiddle - React, Tailwind, and code Playground

by blesh

HTML

<div id="foo">FOO</div>
<div id="foo"><div class="bar bee queue">BBQ</div></div>
<div>
    <div>
        <div>internal</div>
    </div>
</div>

JavaScript

(function(window, document) {
    document.addEventListener('click', function(e) {
       var target = e.target,
           selector, elem, elems;
        if(target.id) {
            selector = '#' + target.id;
        }else if(target.className){
            var selector = '.' + target.className.split(' ').filter(function(x) {
                return x;
            }).join('.');
        }else {
            elem = target;
            elems = [];
            while(elem) {
                elems.push(elem.nodeName);
                elem = elem.parentElement;
            }
            selector = elems.reverse().join(' ');
        }
        console.log(selector);
        e.preventDefault();
    });
})(window, document);