JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <script>
            function jsEnableElement(id) {
                if ( document.getElementById(id) ) {
                    document.getElementById(id).removeAttribute("disabled");
                    document.getElementById(id).className = "enabled";
                    //document.getElementById(id).disabled = false;
                }
            }

            function jsDisableElement(id) {
                if ( document.getElementById(id) ) {
                    document.getElementById(id).removeAttribute("enabled");
                    document.getElementById(id).className = "disabled";
                    //document.getElementById(id).disabled = true;
                }
            }
        </script>
    </head>
    <body>
        <div id="hallo" class="enabled" onclick="jsDisableElement('hallo');">Click me to disable</div>
        <div onclick="jsEnableElement('hallo');">Click me to enable it again</div>
    </body>
</html>

CSS

.enabled {
 background: #3399FF;   
}
.enabled:hover {
    background: #00FF66;
}

.disabled {
    background: #DDD;
}