JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testid">
    This is my content
</div>

CSS

#testid:after {
    display: block;
    content: 'Hello';
    position: relative;
    left: 0px;
    
    animation: flyaway ease-in-out 1s 4 alternate;
    -webkit-animation:flyaway ease-in-out 1s 4 alternate;
}

@keyframes flyaway {
    from {
        left: 0px;
    }
    to {
        left: 100px;
    }
}

@-webkit-keyframes flyaway {
    from {
        left: 0px;
    }
    to {
        left: 100px;
    }
}

JavaScript

$(document).ready(function(){
    var testdiv = $('#testid');
    testdiv.on('animationend webkitAnimationEnd', function(){
        document.writeln('Animation has ended');
    });
    
    var a = [1, 3, 5];

  a.each(function(i) {
      document.writeln(i);
  });
});