v2
- by strackerphil 4/23/202100
disable setup HTML
Setup HTML
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="res"></div>
<div id="container"></div>
disable setup JavaScript
Setup JavaScript
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++)});
	}
}

delete caserun single casemove downdrag and drop case


ready



init_jQuery(10);
target.trigger('click');
delete caserun single casemove upmove downdrag and drop case


ready



init_jQuery(100);
target.trigger('click');
delete caserun single casemove upmove downdrag and drop case


ready



init_plainJs(10);
target.click();
delete caserun single casemove updrag and drop case


ready



init_plainJs(100);
target.click();
Test Case - click to add another test case
Teardown JS - click to add teardown JavaScript
Output (DOM) - click to monitor output (DOM) while test is running
RUN