JSFiddle - React, Tailwind, and code Playground

by skram

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>website</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(document).keydown(function(event) {
        if ( event.which == 65){
            $('.button0 input').css('color', 'rgb(128, 0, 0)');
        }
    }).keyup(function(event) {   
       if ( event.which == 65){
            $('.button0 input').css('color', 'rgb(0, 0, 255)');
       }
    });
});
</script>
<style type="text/css">
.button0 input{
    position:fixed;
    left:41px;
    top:12px;
    font-family:Arial;
    font-size:24px;
    font-weight:normal;
}
</style>
<body>
    <div class="button0">
        <input type="button" style="width: 303px;height: 165px;" value="Button"/>
    </div>
</body>
</html>