JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container" id="container"></div>
CSS
.container {
width: 200px;
height: 400px;
border: 5px solid;
border-bottom-color: blue;
border-top-color: red;
background-color: red;
}
JavaScript
document.getElementById('container').addEventListener('click', function () {
var obj = document.getElementById("container");
obj.style.transform = obj.style.transform == "rotate(180deg)" ? "rotate(-90deg)" : "rotate(180deg)";
console.log(obj.style.transform)
}
);