Javascript 用let声明的变量不更改

我正在做一个游戏，用户可以给自己和CPU一个用户名。当玩家单击“播放”时，用户名应存储并显示在下一页上。然而，什么也没有出现。任何帮助都将不胜感激：）

注意：我认为这可能与变量的范围有关，因为我使用了“let”

let play=document.getElementById（“play”）.addEventListener（“单击”），（）=>{
让playerName=document.getElementById（“播放器名称输入”）.value；
让cpuName=document.getElementById（“cpu名称输入”）.value；
//存储播放器和CPU名称
如果（播放名称===“”）{
playerName=“你”；
}
如果（cpuName==“”）{
cpuName=“CPU”；
}
//从主页移动到游戏页面
document.getElementById（“主页”）.style.display=“无”；
document.getElementById（“游戏”）.style.display=“块”；
//调用游戏循环
gameLoop（）；
});
让playerScore=0；
设cpuScore=0；
函数gameLoop（）{
document.getElementById（“玩家名称分数”）.textContent=`${playerName}:${playerScore}`；
document.getElementById（“cpu名称分数”）.textContent=`${cpuName}:${cpuScore}`；
}

#游戏{
显示：无；
}

玩

当然这是一个范围问题

// Calls game loop
    gameLoop(playerName, cpuName);

function gameLoop(player, cpu) {
  document.getElementById("score").textContent += `${wins * 2 - 1}`;
  console.log(player, cpu)
}

---

什么也没出现在哪里？这里有什么不起作用的？您能添加重现问题所需的最小HTML量吗？看，这回答了你的问题吗？