JSFiddle - React, Tailwind, and code Playground

HTML

<div id="yay"></div>

JavaScript

function $(id) { return document.getElementById(id); }
function html(id, html) { $(id).innerHTML = html; }
function css(id, style) { $(id).style.cssText += style; }
function anim(id, transform, opacity, dur) {
    css(id, "-webkit-transition: -webkit-transform, opacity " + (dur||0.5) + "s, " + (dur||0.5) + "s; -webkit-transform: " + transform + "; opacity: " + (opacity||1));
}

window.onload = function() {
    html("yay", "click me");
    css("yay", "background: red; text-align: center;");
    $("yay").onclick = function() {
        anim("yay", "rotate(360deg)", 0.5, 1);
    };
}