JavaScripの基礎

コピペして使ってください。

クリックしたとき⇒色を変える

sample.js

//要素の取得 → クリックされたとき
document.getElementById('target').addEventListener('click',function(){
  //要素の取得 → 背景色を変える
  document.getElementById('target').style.background='pink';
});

その他の処理

sample.js

//クリックしたとき⇒クラスを追加する
document.getElementById('target').classList.add('circle');
//クリックしたとき⇒クラスがついていたら外す、外れていたらつける
document.getElementById('target').classList.toggle('circle');