JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <style type="text/css">
            <!--
                body,td,th {
                font-size: 12px;
            }
            div {
                border:1px solid #444444;
                background-color:#AAAAAA;
                padding:10px;
                margin:10px;
            }
            -->
        </style>
        <script id="ubo_js" language="JavaScript" type="text/javascript">
            $(document).ready(function ubu_start()
            {    
            
            
                /* IF STATUS == 0 .. abbort the onclick function by mouseup */ 
            
            });
        </script>
        
    </head>
    
    <body>
        
        <input id="status" type="text" value="1">
        <br /><br />
        
        <a href="#" onclick="$('#status').val('0');">switch to 0</a>
        | <a href="#" onclick="$('#status').val('1');">switch to 1</a>
        
        <br /><br />

        <div class="drot" onclick="alert('hello');">click here</div>
        
  
        
    </body>
</html>