JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#a" id="a">a</a>
<a href="#b" id="b">b</a>

JavaScript

a.storage = []
a.onclick = function(){var self = this; this.storage.forEach(function(f){f.call(self)})}

var i=1e3;
console.time('a');

while(i--)
	a.storage.push(function(){console.log(this.id)});
	
i=10;
while(i--)
	a.dispatchEvent(new Event('click'));
	
console.timeEnd('a');
a.parentNode.removeChild(a);
//-----------------------------------------------------

i=1e3;
console.time('b');

while(i--)
	b.addEventListener('click',function(){console.log(this.id)});
	
i=10;
while(i--)
	b.dispatchEvent(new Event('click'));
	
console.timeEnd('b');
b.parentNode.removeChild(b);