Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="/script.js" defer></script>
    <link  rel="stylesheet" href="/style.css">
  </head>
  <body>
    <p>
      TO TEST SNIPERA BETA.1Q6
    </p>
    <p>


      TWÓJ CZAS REAKCJI TO:
      <span id="czasReakcji">0</span>s
    </p>


    <div id="box"></div>


  </body>
</html>


 var czasboxu = Date.now;
      var czaskliku;
      var czasreakcji;

      document.getElementById("box").onclick = function() {
        document.getElementById("box").style.display = "none";
      czaskliku = Date.now();
     czasreakcji = (czaskliku-czasboxu)/1000
    document.getElementById("czasReakcji").innerHTML = czasreakcji;
     utwurzbox();

      }

      function utwurzbox(){

        var czas = Math.random();
        czas = czas * 5000;

      setTimeout(function(){
        document.getElementById("box").style.backgroundColor = losowykolor();
        document.getElementById("box").style.borderRadius = losowyradius();
        document.getElementById("box").style.display = "block";
      czasboxu = Date.now();
      }, czas)
       }

    utwurzbox();

function losowykolor() {
      var latters = '0123456789ABCDEF';
      var color = '#';
      for(var i=0;i<6;i++){
        color += latters[Math.floor(Math.random()*16)];
      }
      return color;
}

function losowyradius() {
      var radius= Math.random() * 100;
     radius = Math.floor(radius);
      radius = radius+"px";
return radius;
}

      function setTimeOut(){

        var wysokosc = Math.random() * 300 + "px";
        var szerokosc = Math.random() * 800 + "px";

        document.getElementById("box").style.marginTop = wysokosc;
        document.getElementById("box").style.marginLeft = szerokosc;
      }