JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div2"></div>

<div id="div3"></div>

CSS

#div2 {
margin-top: 40px;
background-color: #333333;
height: 100px;
font-family: square;
width: 100px;
color: #FBB03B;
text-transform: uppercase;
font-size: 33px;
line-height: 100px;
cursor: pointer;
}

#div3 {
margin-top: 40px;
background-color: #333333;
height: 20px;
font-family: square;
width: 100px;
color: #FBB03B;
text-transform: uppercase;
font-size: 33px;
line-height: 100px;
cursor: pointer;
}

JavaScript

$("#div3").click(function() {
    	var fill = "a";
    });
    
    
    $("#div2").click(function() {
    alert(fill);
    });