如何通过点击按钮切换JavaScript中的布尔变量？

先修正你代码里的几个问题，再实现切换逻辑：

• 获取按钮的语法搞反了，应该是document.getElementById('bttn')，不是BOTTON.document...
• 变量名拼写错误：cliked改成clicked
• 事件监听的代码没写完，缺少闭合的花括号与括号

修正后的完整代码：

// 获取按钮元素
const button = document.getElementById('bttn');

// 初始状态的布尔变量
let clicked = false;

// 点击事件监听，切换变量状态
button.addEventListener('click', () => {
  // 核心：用取反运算符!切换布尔值
  clicked = !clicked;
  // 可选：打印状态，方便调试
  console.log('当前状态:', clicked);
});

关键说明 #

• !clicked会把当前的布尔值取反：如果是false就变成true，如果是true就变成false，刚好实现切换效果
• 建议用const声明按钮元素（因为元素本身不会改变），用let声明需要修改的布尔变量

内容的提问来源于stack exchange，提问作者Elias Esteban Alonzo