Javascript: как получить случайную маржу для div?

---

У меня есть div в теле. Когда я нажимаю на этот div, он должен получить случайное поле и изменить свою позицию. Как я могу это сделать?

Что я уже пробовал:

Я уже пробовал вот так`

.div1{
			height: 200px;
			width: 200px;
			background-color: red;
		}

<div class="div1"></div>


var arr = document.querySelectorAll(".div1");
for(var i = 0; i < arr.length; i++){
	arr[i].addEventListener("click", F);
}

function F(){
 	var margin = parseInt(Math.random()*500);
 	this.style.margin = margin;
 }

---