在Vanilla Javascript中使用按钮的黑暗模式

<button id="darkModeButton">切换黑暗模式</button>

const darkModeButton = document.getElementById('darkModeButton');

darkModeButton.addEventListener('click', function() {
  // 在这里编写切换黑暗模式的代码
});

const body = document.body;

darkModeButton.addEventListener('click', function() {
  if (body.classList.contains('dark-mode')) {
    // 如果页面已经是黑暗模式，则切换回默认模式
    body.classList.remove('dark-mode');
    darkModeButton.textContent = '切换黑暗模式';
  } else {
    // 如果页面是默认模式，则切换到黑暗模式
    body.classList.add('dark-mode');
    darkModeButton.textContent = '切换默认模式';
  }
});

.dark-mode {
  background-color: #000;
  color: #fff;
}