如何随机化div的位置

<div id="myDiv" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">Content</div>

var div = document.getElementById("myDiv");
var pageWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var pageHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

var randomLeft = Math.floor(Math.random() * (pageWidth - div.offsetWidth));
var randomTop = Math.floor(Math.random() * (pageHeight - div.offsetHeight));
div.style.left = randomLeft + "px";
div.style.top = randomTop + "px";