JSFiddle - React, Tailwind, and code Playground

HTML

<div id="exemplo1"></div>
<div id="exemplo2"></div>

CSS

#exemplo1 {
    z-index:4;
}
#exemplo2 {
    z-index:4;
    position: relative;
}

JavaScript

var e1 = document.getElementById('exemplo1');
var e2 = document.getElementById('exemplo2');
console.log(e1.style.zIndex);
console.log(e2.style.zIndex);
console.log(window.getComputedStyle(e1).getPropertyValue("z-index"));
console.log(window.getComputedStyle(e2).getPropertyValue("z-index"));