JSFiddle - React, Tailwind, and code Playground

by BramVanroy

HTML

<input type="radio" id="show1" name="group">
<label for="show1">Show</label>
<input type="radio" id="hide1" name="group" checked>
<label for="hide1">Hide</label>
    <div id="control">You can click me if you want.</div>

CSS

div {
    border: 1px solid;
    padding: 1em;
    margin: 1em;
}

JavaScript

$(document).ready(function () {
    $(document).keyup(function(e) {
        if (e.keyCode == 27) {
           checker();
        }
    });
    
    $("#control").click(function() {
        checker();        
    });
    
    function checker() {
        if ($('input#show1').is(':checked')) {
            alert("It's checked.");
        }
        else {
            console.log("Bummer, mate.");
        }
    }
});