JSFiddle - React, Tailwind, and code Playground

by Pearlin Lawrence

HTML

<article id ="intro" class ="english" data-publicDate="2014-04-03" alt="some stuff">
    Foo bar bas lorem ipsum dolor sit amet
</article>

CSS

artilce {
    
}
article#intro{
    
}
p#intro{
}
.public.english {
    
}
#intro[class^=eng]{
}
#intro(alt^=some){
    
}

#intro{
    border: 2px solid red;
}
.public{
    background:#06f;
}
.english {
    -webkit-
    transform: rotate(30deg);
   
}

JavaScript

//element.getAttribute , ClassList


/*if (false == 0) {
    alert ("True!!");
}*/

/*if (document.getElementById("intro").getAttribute("id"))
{
    alert ("True");
}*/

/*var intro = document.getElementById("intro");
if (intro.getAttribute("alt")){
    intro.innerHTML =  intro.getAttribute ("data-publicDate");
}*/


/*var intro = document.getElementById("intro");
if (false && intro.getAttribute("alt")){
    intro.innerHTML =  intro.getAttribute ("class");
}*/
var intro = document.getElementById("intro");
var introClasses = intro.classList;
introClasses.add("public");