JSFiddle - React, Tailwind, and code Playground

by SmokeyPHP

HTML

<p>click to fade out</p>

JavaScript

function addEvent(obj,event,func)
{
    if(typeof func !== 'function')
    {
        return false;
    }
    if(typeof obj.addEventListener == 'function' || typeof obj.addEventListener == 'object')
    {
        return obj.addEventListener(event.replace(/^on/,''), func, false);
    }
    else if(typeof obj.attachEvent == 'function' || typeof obj.attachEvent == 'object')
    {
        return obj.attachEvent(event,func);
    }
}
function fadeOutEl(element)
{
    element.style.opacity = 1;
    var fadeOutInt = setInterval(function() {
        element.style.opacity -= 0.1;
        if(element.style.opacity <= 0) clearInterval(fadeOutInt);
    },50);
}
addEvent(document.getElementsByTagName('p')[0],'onclick',function(e) {
    var target = e.srcElement || e.target;
    fadeOutEl(target);
});