蛇游戏的重启按钮

Question

我从几周开始学习 JS。 我试图做这个指导练习，添加重启按钮等功能。 我知道我做错了什么，有人可以帮助我理解吗？

这是我的代码： https : //github.com/StefaniaGalazzo/snake-game

Answer 1

到目前为止，您的代码看起来不错。 从您的 JS 文件来看，问题似乎出在这个函数上：

function main() {

    if (has_game_ended()) return;

    changing_direction = false;
    setTimeout(function onTick() {
    clear_board();
    drawFood();
    move_snake();
    drawSnake();
    // Call main again
    main();
    }, 100)
    
}

特别是这一行：

if (has_game_ended()) return;

如果你想要重启按钮：

restartBtn.addEventListener("click", () => {
  return main();  
});

要在按下时重置电路板，您应该删除该 if 语句。 或者，您可以更改添加一个！ 给它

if (!has_game_ended()) return;

因此，如果 has_game_ended 为真，则该行将被跳过，并且您的 main() 函数中低于该行的重置游戏函数将实际执行。 目前，如果您的游戏已经结束，这不是您想要的，则您返回（退出）该函数。