onclick css

by damir aushenov

HTML

<div  id="someBoxes">hello</div>

CSS

#someBoxes {
    width:200px;
    height: 200px;
    background: red;
}
.someBox {
        color: white;
    padding: 200px;
}

JavaScript

document.getElementById("someBoxes").onclick = function() {
    if (document.getElementById("someBoxes").className == "someBox") {
        document.getElementById("someBoxes").className = "";
    } else {
        document.getElementById("someBoxes").className = "someBox";
    }
};