ON/OFFスイッチ

#status {
  font-size: 2rem;
  color: gold;
  transition: color 0.3s;
}

#status.on {
  color: purple;
}

const btn = document.querySelector('#btn');
const status = document.querySelector('#status');
let isOn = false;

btn.addEventListener('click', function() {
  if (isOn) {
    status.textContent = '勝ち';
    status.classList.remove('on');
    isOn = false;
  } else {
    status.textContent = '負け';
    status.classList.add('on');
    isOn = true;
  }
});