002. 色を操る呪文

うえっき 03/23 11:02

アプリを動かす

コードを見る

<button id="colorBtn">呪いをかけろ</button>
<div id="box"></div>

#box {
  width: 120px;
  height: 120px;
  background: #ccc;
  transition: background 0.3s;
}

.cursed {
  background: purple !important;
}

const btn = document.querySelector('#colorBtn');
const box = document.querySelector('#box');

btn.addEventListener('click', function() {
  box.classList.toggle('cursed');
});