<p><label>Scale<br><input id="scale" type="range" value="1" max="2" step=".01" oninput="transformSquare()"></label></p>

<p><label>Rotation<br><input id="rotation" type="range" value="0" max="360" oninput="transformSquare()"></label></p>

<div id="square" style="width:100px;height:100px;background:gold"></div>

<script> const transformSquare = () => square.style.transform = `scale(${scale.value}) rotate(${rotation.value}deg)`; transformSquare(); </script>