やりたいこと
- clickしたらevent発火
- classを追加してcssを変更
コード
<html>
<body>
<div id="ababa"></div>
</body>
</html>
<script>
document.getElementById('ababa').addEventListener('click', () => {
document.getElementById('ababa').style.background = 'blue';
});
</script>
解説
DocumentはオブジェクトでgetElementByIdがメソッドになる。getElementByIdでdocument内にある指定したidと一致したものをとってくる。そのとってきたidに対してaddEventListenerメソッドを使っていてclickで発火するようにしている。
Document
https://developer.mozilla.org/ja/docs/Web/API/Document
getElementById
https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById
addEventListener
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener