JSFiddle - React, Tailwind, and code Playground

by Ian Oxley

HTML

<header id="main">
    <h1>Main Heading</h1>
</header>

CSS

header {
    color: #000;
    font-family: Georgia, serif;
}
.foo {
    color:red;
}
.bar {
    color:blue;
}

JavaScript

var el = document.getElementById('main');
el.className = 'foo';

if (el.className === 'foo') {
    el.className = 'bar'
}