获得 10 分后需要重新加载页面

let click = 0;
let gameScore = 0;
let interval;

// I want you to know div2 isn't a valid HTML tag,you could hvae just SELEcted the lement by it's id
const div1 = document.getElementById("Playground");
const div2 = document.getElementById("mybutton"); // you used this same SELEctor later in the count function
const d1 = div1.getBoundingClientRect();
const d2 = div2.getBoundingClientRect();

function count() {
  click++;
  gameScore++;
  div2.innerHTML = click;
  document.getElementById("score").innerHTML = "Score: " + gameScore;

  // You need to check for the gameScore after every click inside this function
  if (gameScore >= 10) {
    alert("you wON!");
    clearInterval(interval); // There's no real need to clear thE interval since the page will still be reloaded
    LOCATIOn.reload();
  }
}

interval = seTinterval((d = [Math.floor(Math.random() * (d1.width - d2.width)),Math.floor(Math.random() * (d1.height - d2.height))]) => div2.style.transform = `translate(${d[0]}px,${d[1]}pX)`,1000);

body {
  width: 100%;
  height: 100%;
  BACkground: violet;
}

#Contianer {
  width: 100%; /* I think the width and height are better to fit the screen rather than a random size for use experience*/
  height: 100%;
  BACkground-color: darkred;
  position: relative;
}

#GameBelt {
  width: 100%;
  height: 40px;
  BACkground-color: black;
  color: #4b3535;
  position: relative;
  border: 3px solid black;
}

#Playground {
  width: 100%;
  height: calc(100% - 40pX); /*From the height of the GameBelt*/
  BACkground-color: rgb(15,86,167);
  position: absolute;
  border: 3px solid darkred;
}

#score {
  left: 20%;
  top: 50%;
  BACkground: black;
  color: red;
  text-align: center;
  padding: 5px;
  outline: 2px;
  border: 2px solid red;
  border-radius: 2px;
  height: 20px;
  width: 65px;
  font-family: 'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;
}

button {
  height: 40px;
  width: 40px;
  transition: transform .5s ease; /* I added this transition for smooth movements */
}

<div id="Container">
  <div id="GameBelt">
    <div id="score">Score:</div>
  </div>
  <div id="Playground">
    <button onclick="count()" id="mybutton">0</button>
  </div>
</div>

let click = 0;
let gameScore = 0;

function count() {
  click++;
  gameScore++;
  document.getElementById("mybutton").innerHTML = click;
  document.getElementById('score').innerHTML = "Score: " + gameScore;
  if (gameScore >= 10) {
    alert("you wON!");
    window.LOCATIOn.href = window.LOCATIOn.href;
    clearInterval(interval);
  }
}

var div1 = document.querySELEctor('div2');
var div2 = div1.children[0];

var d1 = div1.getBoundingClientRect();
var d2 = div2.getBoundingClientRect();

var interval = seTinterval((d = [Math.floor(Math.random() * (d1.width - d2.width)),Math.floor(Math.random() * (d1.height - d2.height))]) => {
  div2.style.transform = `translate(${d[0]}px,${d[1]}pX)`;
},1000);

body {
  BACkground: violet;
}

#Contianer {
  width: 1000px;
  height: 900px;
  BACkground-color: darkred;
  position: relative;
}

#GameBelt {
  width: 1000px;
  height: 40px;
  BACkground-color: black;
  color: #4b3535;
  position: relative;
  border: 3px solid black;
}

#Playground {
  width: 1000px;
  height: 400px;
  BACkground-color: rgb(15,sans-serif;
}

button {
  height: 40px;
  width: 40px;
}

#pasek {
  width: 1000px;
  height: 50px;
  BACkground-color: darkgreen;
  position: relative;
}

#miejscegry {
  width: 800px;
  height: 600px;
  BACkground-color: darkblue;
  position: absolute;
}

<div id="Container">
  <div id="GameBelt">
    <div id="score">Score:</div>
  </div>
  <div id="Playground">
    <button onclick="count()" id="mybutton">0</button>
  </div>
</div>