我想要在按钮上添加发光效果，当选择器输入中的值在shiny中更改时。

<button id="myButton">按钮</button>

#myButton:hover {
  box-shadow: 0 0 10px #00ff00; /* 设置发光效果的阴影 */
  transition: box-shadow 0.5s; /* 添加过渡效果，使发光效果平滑过渡 */
}

var selectorInput = document.getElementById("selectorInput");
var myButton = document.getElementById("myButton");

selectorInput.addEventListener("change", function() {
  if (selectorInput.value === "shiny") {
    myButton.classList.add("shiny"); // 添加一个自定义的类名
  } else {
    myButton.classList.remove("shiny"); // 移除自定义的类名
  }
});

.shiny {
  box-shadow: 0 0 10px #ff00ff; /* 设置不同的发光颜色 */
  transition: box-shadow 0.5s; /* 添加过渡效果，使发光效果平滑过渡 */
}