マウスオーバーすると2つの画像が切り替わる

Question

前提・実現したいこと

デスクトップにある画像2つを使い、プログラム起動後に1つの画像が表示されて
マウスオーバーすると違う画像に切り替わるプログラミング
javascriptでコード作成することが課題です。

（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

エラーメッセージ```ここに言語を入力
コード

### 該当のソースコード

```ここに言語名を入力
ソースコード

試したこと

まず、jsfiddleを使い画像を表示しようとしましたが、画像が読み込まれませんでした。

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

ここにより詳細な情報を記載してください。

Comments

[kei344]

（質問文は編集できます）ご自身で試されたコードをコードブロックで質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。コードブロックは ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('#img1').addEventListener('mouseover',e=>{
    e.target.src='2.jpg';
  });
});
</script>
<img id="img1" src="1.jpg">