【初心者】javascriptを使っての背景色変更方法

実現したいこと

・javascriptを使用して、クリックすると背景色が変更できるようになる

前提

javascriptの学習をしています。
ボタンを押すと背景色が変わる方法が分からずストップしております。
getListenerを使用して背景色を変更しろという問題です。
ベースとなるコードは指定されているので、下にそのコードを書いておきます。

発生している問題・エラーメッセージ

該当のソースコード

HTML↓
<div></div>

Javascript↓
// 関数を定義
const changeColor = () => {

}
// 変数を定義
const targetDiv = document.getElementById('target_div');
// clickイベントを付与
targetDiv.addEventListener();

### 試したこと

CSSで背景色を変えたりしましたが、上のコードを使用してとなると分からなくなってしまいました。

### 補足情報（FW/ツールのバージョンなど）

VScode

行動規範の内容に同意します

回答1件

ベストアンサー

できるだけ原文を活かしながら書いてみましたがこんな感じでしょうか

html:index.html
1<!DOCTYPE HTML>
2<html>
3    <head>
4        <!-- divのサイズが小さすぎるとわかりにくいのである程度のサイズを指定する-->
5        <style>
6            #target_div {
7                width: 300px;
8                height: 300px;
9                background: red;
10            }
11        </style>
12    </head>
13    <body>
14        <div id="target_div"></div>
15    </body>
16    <script>
17        // 関数を定義
18        const changeColor = (event) => {
19            console.log(event);
20            target = event.target;
21            target.style.backgroundColor = 'pink';
22        }
23        // 変数を定義
24        const targetDiv = document.getElementById('target_div');
25        // clickイベントを付与
26        targetDiv.addEventListener('click', changeColor);
27    </script>
28</html>