<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div id="res"></div>
<div id="container"></div>
var target = null;
var res = $('#res'), counter = 0;
$('#container').empty().append('<div id="target">');
function init_jQuery(count) {
if (target) return;
target = $('#target');
for (var i=0; i<count; i++) {
target.on('click', () => {res.html(counter++)});
}
}
function init_plainJs(count) {
if (target) return;
target = document.getElementById('target');
for (var i=0; i<count; i++) {
target.addEventListener('click', () => {res.html(counter++)});
}
}
init_jQuery(10);
target.trigger('click');
init_jQuery(100);
target.trigger('click');
init_plainJs(10);
target.click();
init_plainJs(100);
target.click();