JSFiddle - React, Tailwind, and code Playground

by tinyhustlee

HTML

<div id="square"></div>
<br/>
<div id="square2"></div>

CSS

div {
     width: 100px;
    height: 100px;
    border: 1px groove black;
}

JavaScript

var elem = document.getElementById('square');

$(elem).on('mousedown', function () {
    alert('First Square Click mousedown');
});
$(elem).trigger('mousedown');


var elem2 = document.getElementById('square2');

$(elem2).trigger('click');
$(elem2).on('click', function () {
    alert('Second Click Triggered');
});

//$(elem).mousedown();