向按钮添加事件侦听器不起作用

Question

我有这个 html 代码：

<div id="wrapper">
  <h1> Rock Paper Scissors Bot</h1>
  <button id="game-start-button"> Start Game </button>
</div>

我正在尝试使用此 javascript 代码向 <button id="game-start-button"> Start Game </button> 添加事件侦听器：

const wrapper = document.querySelector("#wrapper");
console.log(wrapper);
let gameStartButton = wrapper.querySelector("#game-start-button");
console.log(gameStartButton);
function startGame(){
  // fillin
};
gameStartButton.addEventListener("click",startGame);

但是每当我尝试这个时，它都会给我一个错误：Uncaught TypeError: wrapper is null