JSFiddle - React, Tailwind, and code Playground

by Alma Grace

HTML

<ARTICLE id="intro" class="" data-public-date="2014-04-03" alt="some interesting stuff" data-price="400" data-camel-cased-name="This is some data" style="color:#0ff"></ARTICLE>

<p class="btn">Let's spin!</p>

CSS

p.btn {
    display:inline-block;
    background:#dedede;
    font-size:15px;
    color:#222;
    border:2px dotted #888;
    z-index:10;
    margin-top:4em;
}
p.btn:hover {
    background:#444;
    color:#ddd;
    cursor:pointer;
}

JavaScript

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

document.querySelector(".btn").addEventListener("click", function() {
 
    document.getElementById("intro").innerHTML="Hello World";
});