如何获得一个切换按钮来执行不同的 JS 功能 - JavaScript

在 JavaScript 中，我们可以轻松地为一个按钮添加响应事件，这样当用户点击这个按钮时，我们就可以执行相应的功能。而如果要实现一个切换按钮来执行不同的 JS 功能，只需要添加一个状态变量，并根据不同的状态来执行不同的功能即可。

以下是实现这个功能的示例代码：

// 添加一个按钮
var btn = document.createElement('button');
btn.innerHTML = '切换';
document.body.appendChild(btn);

// 初始化状态变量为 false
var flag = false;

// 给按钮添加点击响应事件
btn.onclick = function() {
  flag = !flag; // 取反，切换状态
  
  // 根据不同的状态执行不同的功能
  if (flag) {
    doSomethingOne();
  } else {
    doSomethingTwo();
  }
};

// 第一个功能
function doSomethingOne() {
  alert('这是第一种功能！');
}

// 第二个功能
function doSomethingTwo() {
  alert('这是第二种功能！');
}

首先，我们使用 JavaScript 创建一个按钮，然后为这个按钮添加点击响应事件。每次用户点击这个按钮时，我们都会取反状态变量 flag，然后根据不同的状态来执行不同的功能，这个例子中执行的是两个简单的 alert 弹窗函数。

使用这种方法可以方便地切换不同的功能，而且代码相对简洁。如果需要添加更多的功能，也只需要在函数中再添加相应的代码即可。