JSFiddle - React, Tailwind, and code Playground

by Alma Grace

HTML

<article id="intro" class="english" data-publicDate="2014-04-03" alt="some interesting stuff">
    Foo Bar blah blah blah
    
</article>

CSS

article {
    
}

#intro {
    
}
.public {
    backgound: #06f;
}

.english {
 -webkit-transform: rotate(30deg);   
}
}

JavaScript

var intro = document.getElementById("intro");

/*
if(intro.getAttribute("alt")) {
     intro.innerHTML = intro.getAttribute("class");
                                          
                                        }

*/

var introClasses = intro.classList;
introClasses.add("public");
introClasses.remove("english");

alert (intro.innerHTML);