当 javascript 游戏达到结束条件（如总回合数满 5）时，不能用 `return` 或 `break` 退出外层函数，而应主动移除事件监听器，从而阻止后续触发——这是事件驱动场景下终止逻辑的标准实践。
在基于事件的交互式 Web 应用中（例如点击按钮触发提示输入的计分游戏），game() 函数本身只负责注册事件监听器，并不持续运行；真正被反复调用的是事件回调函数 myFunction。因此，“退出 game()”在语义上并不合理——它早已执行完毕。关键问题在于：如何让游戏逻辑在满足结束条件后不再响应后续点击？
正确解法是：在判定游戏结束（如 yesScore + noScore === 5）时，立即调用 removeEventListener() 移除绑定的监听器。这能确保事件系统彻底“失活”，既安全又符合事件生命周期规范。
以下是优化后的完整实现（含健壮性增强）：
<body>
<h1>Yes/No Score Game</h1>
<button id="clickme">Start / Click Me</button>
<p>Yes: <span id="yes">0</span></p>
<p>No: <span id="no">0</span></p>
<script>
const clickme = document.querySelector('#clickme');
const yesEl = document.querySelector('#yes');
const noEl = document.querySelector('#no');
let yesScore = 0;
let noScore = 0;
function myFunction() {
const input = prompt('Enter "y" for Yes or "n" for No (case-sensitive):');
if (input === 'y') {
yesScore++;
yesEl.textContent = yesScore;
} else if (input === 'n') {
noScore++;
noEl.textContent = noScore;
} else {
alert('Invalid input. Please enter "y" or "n".');
return; // 忽略非法输入，不计入总回合
}
// 检查是否达到结束条件（共 5 次有效响应）
if (yesScore + noScore === 5) {
console.log('Game over! Final score — Yes:', yesScore, 'No:', noScore);
alert(`Game over!\nYes: ${yesScore} | No: ${noScore}`);
clickme.removeEventListener('click', myFunction); // ✅ 关键：移除监听器
clickme.disabled = true; // 可选：视觉禁用按钮，提升用户体验
}
}
// 启动游戏：仅注册一次监听器
function startGame() {
clickme.addEventListener('click', myFunction);
console.log('Game started. Click the button to play.');
}
// 立即启动
startGame();
</script>
</body>⚠️ 重要注意事项：
- removeEventListener() 的参数必须与 addEventListener() 完全一致：包括事件类型（'click'）、回调函数引用（myFunction，不能是匿名函数或箭头函数），否则移除失败；
- 不要将 myFunction 声明为内联匿名函数（如 clickme.addEventListener('click', () => { ... })），否则无法在外部准确引用并移除；
- 推荐添加 button.disabled = true 配合移除监听器，避免用户误点产生 UI 不一致；
- 若需支持“重新开始”，应封装 startGame() 和 resetGame()，并在重置时先移除旧监听器再注册新监听器。
通过精准控制事件监听器的生命周期，你无需跳出函数作用域，也能实现清晰、可维护、符合 Web 标准的游戏状态管理。
