Javascript-форум - Реализация поворота квадрата на Js?

Всем привет, есть нарисованный квадрат, с помощью css. Суть вопроса в том, как можно реализовать чтобы можно было поворачивать квадрат ползунком, в левую или правую сторону.
Вот так вот я рисую квадрат:

#show {
            width: 100px;
            height: 100px;
            border: 1px solid red;
            position: absolute;
            top: 70px;
            left: 0px;
        }

И вот здесь я просто перемещаю его туда где был клик

window.addEventListener('click', go);
    function go(event) {
        var elem = document.getElementById('show');
        elem.style.left = event.clientX + 'px';
        elem.style.top = event.clientY + 'px';
        document.getElementById('koordinat').innerHTML = elem.style.left + " " + elem.style.top;
    }

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #show { width: 100px; height: 100px; border: 1px solid red; position: absolute; top: 70px; left: 0px; } </style> </head> <body> <div id="show"></div> <input type="range" value="0" min="0" max="360"> <input type="range" value="0" min="0" max="900"> <script> var inp = document.querySelectorAll("input"), show = document.getElementById("show"); inp[0].oninput = e => show.style.transform = 'rotate('+e.target.value+'deg)'; inp[1].oninput = e => show.style.left = e.target.value+'px'; </script> </body> </html>