JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgit.com/daneden/animate.css/master/animate.css">
<!DOCTYPE html>

<body>
    
    <h1 id = 'test' class = 'animated'>Bounce Bounce Revolution</h1>
    <button onclick = 'anim(test)'>Animate</button>

</body>

CSS

body {
    margin: 0 auto;
    text-align: center;
}

JavaScript

function anim(element_name){ //'animate' is a reserved keyword
    //removeClass(element_name, 'bounceIn');
    //console.log(element_name); //Very cute behaviour!!! when I put this line here, it works, if i don't it doesnt.
    //console.log('a'); //Not all console.logs work
    addClass(element_name, 'bounceIn');
}

function addClass(element, classname){
    element.classList.add(classname);
}

function removeClass(element, classname){
    element.classList.remove(classname);
}