JSFiddle - React, Tailwind, and code Playground

by NerfAnarchist

HTML

<div id="container">
    <div id="sub_div"></div>
    <button id="sub_button"></button>
</div>

CSS

#container {
    width: 300px;
    height: 700px;
    background-color: #AAA;
}

#sub_div {
    position:absolute;
    left:50px;
    top:50px;
    width: 200px;
    height: 100px;
    background-color: #99FFFF;
}

#sub_button {
    position:absolute;
    left:50px;
    top:500px;
    width: 200px;
    height: 100px;
    background-color: #99FFFF;
}

JavaScript

// testing mouseover event propagation
var test = 1;

$('#container').on('mouseover', function () {
    $(this).prepend('<p>' + test + '</p>');
    test = test + 1;
});