JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="myDiv" style="background: #000;">Hello</div>
</body>

JavaScript

function fade(n, el) {
    el.style.opacity = n;
    n = n - 0.1;
    if (n.toFixed(1) > 0) {
        setTimeout(function () {
            fade(n, el);
        }, 100);
    } else {
        setTimeout(function () {
            hide(el);
        }, 100);
    }
}

function hide(el) {
    el.style.visibility = 'hidden';
}

fade(0.9, document.getElementById("myDiv"));