【JavaScript】マウスがクリックされた時に処理を実行させる方法

▼トリガーになる要素を取得(addEventListenerとonclickプロパティで使用)
const elem = document.getElementById('btn'); // トリガーになる要素を取得

▼addEventListenerメソッド
elem.addEventListener('click',function(){　// 第一引数にclickを指定
  // クリックイベントの処理を記述
});

▼onclickプロパティ
elem.onclick = function(){
  // クリックイベントの処理を記述
};

▼onclick属性
<button onclick="clickEvent()">テキスト</button>

<script>
function clickEvent(){
  // クリックイベントの処理を記述
};
</script>

<button id="btn">クリック！</button>

<script>
const btn = document.getElementById('btn');

btn.addEventListener('click',function(){
  this.insertAdjacentHTML('afterend', 'クリックイベントが実行されました！');
})
</script>