JSFiddle - React, Tailwind, and code Playground

by Dawid Karwat

HTML

Pause:<input id="pause" type="checkbox"/>,
<input id="chkbx" type="checkbox"/>
<div id="thing"></div>

CSS

#thing{
    width: 200px;
    height: 200px;
    background-color: #963;
    transition: 500ms 500ms;
}
#chkbx:checked ~ #thing{
    transform: translate(200px,200px) rotate(90deg);
}

JavaScript

var pause = document.getElementById('pause');
var cb = document.getElementById('chkbx');
var t = document.getElementById('thing');

function pauseF(){
    if(!pause.checked){
        if(cb.checked)
            cb.checked = false;
        else
            cb.checked = true;
    }
    setTimeout(pauseF,1000);
}
pauseF();