JavaScriptの基礎~クリックしたとき⇒色を変える など


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');