Хочу сделать так чтобы красный квадрат двигался при каждом событии onclick() вправо и вверх, пока координата top не достигла 20px. Без цикла скрипт работает, реализовать в нем условие while(this.style.top<=20px){} не получается. Кто знает как это сделать, объясните, пожалуйста.
<html>
<script for="square" event="onclick">
while(this.style.top<=20px){
this.style.left=parseInt(this.style.left)+20+'px';
this.style.top=parseInt(this.style.top)-20+'px';
}
</script>
<div id="square" style="position:absolute; top:100px; left:20px; width:50px; height:50px; background:red; border:3px solid black"></div>
</html>