JSFiddle - React, Tailwind, and code Playground

by robasc33

HTML

<div id="box">Hello</div>

CSS

div#box {
    border: thin solid black;
    width: 20px;
    background-color: red;
}

JavaScript

(function () {

    function changeElement(id) {
        var el = document.getElementById(id);
        for (var i = 1; i < 400; i += 0.02) {
            px = i+"px";
                setInverval( function(){
                el.style.width = px;
                    el.innerHTML(px);
            }, 300);
        }
    }
    function test(){
        box = document.getElementById('box');
        box.innerHTML('Hello everyone');
    }
   
    test();
    changeElement('box');
})();