在 JavaScript 中单击时更改按钮的“表情符号”内容

Question

我正在为网站的主题制作一个按钮。我想在点击时更改按钮的内容，在💡和🌙之间切换。但它不起作用。怎么了？

我做了一个按钮

 <div class="sticky-btn">
    <button id = "theme-btn">💡</button>
  </div>

这是 CSS 类：

.sticky-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  padding: 10px;
}

这是我的 JS：

let themeBtn = document.getElementById("theme-btn");
const clickBtn(){
  if (themeBtn.textContent === "🌙") {
    themeBtn.textContent = "💡";
  }
  else {
    themeBtn.textContent = "🌙";
  }
}
themeBtn.addEventListener("click",clickBtn)

Answer 1

函数“clickBtn”未正确定义。 您可以使用：

函数声明：

function clickBtn() {}

函数表达式：

const clickBtn = function() {}

或

箭头功能：

const clickBtn = () => {}