JSFiddle - React, Tailwind, and code Playground

by jriggins

HTML

<html>
    <body>
        <div id="names"/>
    </body>
</html>

JavaScript

$(function() {
    printNamesAndAdjective(['HTML', 'Javascript', 'CSS', 'JQuery'], "amazing");
    
    function printNamesAndAdjective(names, adjective) {
        for (x in names) {
          $("#names").append("<p><span class='name'>" + names[x] + "</span> is so <span class='adjective'>" + adjective + "!!!</span></p>");
        }        
        egregiousAnimations();
    }
    
    function egregiousAnimations() {
        $(".name").css('font-weight', 'bold');
        $(".adjective").animate({'font-size': '2em', 'color':'red'}, 1000);
    }
})();