JSFiddle - React, Tailwind, and code Playground

HTML

<div id="monID1">     <p>Un mot pour remplir</p>     <div id="monID2">         <input type="checkbox" />         <p>Un mot pour remplir</p>     </div> </div>

JavaScript

$("#monID1").click(function(e){     
    alert('pwet');
});
$("#monID2 > input[type='checkbox']").click(function(e){     
    e.stopPropagation();
});
    
    
/*$("#monID1").click(function(e){     
    console.log("monID1, target = ", e.target, ", currentTarget = ", e.currentTarget);       
    return false; 
});   
$("#monID2").click(function(e){     
    console.log("monID2, target = ", e.target, ", currentTarget = ", e.currentTarget);       
    return false; 
});   
$("#monID2 > input[type='checkbox']").click(
    function(e){     
        console.log("input, target = ", e.target, ", currentTarget = ", e.currentTarget);       
        return false; 
    }
);*/