JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">Ten tekst sluzy do testu</div>

<div id="stop">STOP POWIEKSZANIE</div>

JavaScript

function makeEvent(obj, eventName, functionToInvoke)
{
if (document.addEventListener)

obj.addEventListener(eventName, functionToInvoke);

else
obj.attachEvent("on"+eventName, functionToInvoke);
}

function removeEvent(obj1, obj2, eventName1, eventName2, functionToCancel)
{
if (document.removeEventListener)

obj1.addEventListener(eventName1, function() {obj2.removeEventListener(eventName2, functionToCancel);});

else
obj1.attachEvent("on"+eventName1, function() {obj2.detachEvent("on" + eventName2, functionToCancel);});
}

function zmienKolor()
{
this.style.color="red";
}

function zmienKolor2()
{
this.style.color="black";
}

function powiekszCzcionke()
{
var fontSize = parseInt(window.getComputedStyle(this).fontSize);
this.style.fontSize = (++fontSize) + "px";
}

var test = document.getElementById("test");
var stop = document.getElementById("stop");

window.onload = function ()
{
makeEvent(test, "mouseover", zmienKolor);
makeEvent(test, "mouseover", powiekszCzcionke);
makeEvent(test, "mouseout", zmienKolor2);
removeEvent(stop, test, "click", "mouseover", powiekszCzcionke);
}