JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="testcase" />
<div id="activearea"></div>

CSS

#activearea{width:400px; height:200px; background-color:#efefef;}

JavaScript

$(function(){     
    
    // warum wird das change event nicht gefeuert bei div click?    
    $("#testcase").change(function(){
      
        $("#activearea").css("background-color", "#a1a4a6");
      
    });
    
    
    $("#activearea").click(function(){
        
        $("#testcase").click();
      
    });
    
  });