JSFiddle - React, Tailwind, and code Playground

by c_vilander

HTML

<div id="buttonone"><a href="#">Kampanjsida 1</a>
</div>
<div id="buttontwo"><a href="#">Kampanjsida 1</a>
</div>

CSS

#buttonone {
    width: 100px;
    height: 25px;
    background: red;
    text-align: center;
    border-radius: 5px;
    margin: 5px;
    color: black;
}

#buttontwo {
    width: 100px;
    height: 25px;
    background: red;
    text-align: center;
    border-radius: 5px;
    margin: 5px;
}

JavaScript

(function () {
    "use strict";

    var buttonone = document.getElementById('buttonone');

    buttonone.onclick = function () {
        buttonone.style.background = "blue", buttonone.style.height = "520px";
    };

})();