title: How to make button randomly change position when clicked
body: <p>When I click on the button, I would like the position of the button to change to a random location.</p>
  <p>Here is what I have tried:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var b = document.querySelector("button");
  b.addEventListener("click",change);
  var i = Math.floor(Math.random()*500)+1;
  var j = Math.floor(Math.random()*500)+1;
  function change()
  {
      b.style.left = i+"px";
      b.style.top = j+"px";
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>button{
      margin-left: auto;
      margin-right: auto;
      display: block;
      position: absoulte;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button&gt;
  Hello World
  &lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>