如何在 JS 游戏中创建重置按钮？

Question

我几乎完成了我的第一个 JS 游戏（石头剪刀布），我正在努力创建一个重置按钮，它只将分数和轮数归为 0。最初我认为我解决了创建一个函数来重置 HTML 中的数字，但不会在 JS 中重置它们。

function reset(){
  let rounds = 0;
  let userScore = 0;
  let computerScore = 0;
  let ties = 0;
  round_number.innerHTML = 'Round: '
  ties_number.innerHTML = '0'
  computerScore_span.innerHTML = '0'
  userScore_span.innerHTML = '0'
}

我尝试在函数 reset() 中再次将值设为 0，但没有效果。

谢谢！

Answer 1

删除变量前的 let，使您的函数如下所示：

function reset(){
  rounds = 0;
  userScore = 0;
  computerScore = 0;
  ties = 0;
  round_number.innerHTML = 'Round: '
  ties_number.innerHTML = '0'
  computerScore_span.innerHTML = '0'
  userScore_span.innerHTML = '0'
}

如您所见，here 关键字 let 在当前上下文中创建了一个新变量，并且不引用其他变量。因此，您只是创建了值为 0 的新变量，而不是编辑现有变量。

如何在 JS 游戏中创建重置按钮？

How to create a reset button in a JS game?

javascript

function

reset