JavaScriptでペースト後のコードが機能しません。

Question

現在JavaScriptの学習をしているのですが調べても出てこないものがあり困っています。
拡張機能かなと思いましたが違いました。
どうか教えていただけるとありがたいです。

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

JavaScriptにて document.getElementByIdこのコードを使いたいのですが、一番最初はうまく入力されるのですが、それ以降だと"."に問題があったり"=>"これを入れたりすると入力がされなくうまく反映されません、それと最後の";"も反映がされません。
ドットインストールを見ながらやっているのですが、どうかどなたか教えてください。

 document.getElementById('target').addEventListener('click'() ”=>” {
        documentv ”.” getElementById('target').style.background='pink'　”;”
      });
エラーメッセージ：',' expected.js
全角の””で囲っている三か所がエラーが起きている場所です、よろしくお願い致します。


### 試したこと
ネットで検索をかけましたが有効な対処法が見つかりませんでした。
"."を消したり違う記号に変えてみましたが特に変わらず、拡張機能がないからなのかと思いそれらしきものを入れましたが変わりませんでした。

### 補足情報（FW/ツールのバージョンなど）
現在使っているソフトはVSコード　バージョンは1.39.1です。

Answer 1

'click'とアロー関数の間に,が抜けています。
それと関数内の処理がdocumentv.getElementByIdになっており、vが要りません。

こうしたミスを減らすためにも、以下の様に繰り返し使うものは変数に纏めてしまうと良いと思います。

const target = document.getElementById('target');
target.addEventListener('click', () => {
  target.style.background='pink';
});

Comments

[Yakei_cw]

Taku.HU様
コメントのほど、大変ありがとうございます。アロー関数とclickの間に,を入れたら出来ました。

Answer 2

document.querySelector('#target').addEventListener('click',e=>{
  e.target.style.backgroundColor='pink';
});

Comments

[Yakei_cw]

yambejp様
コメントありがとうございます。
問題は解決しました、ご定時していただいたコードも使ってみたいと思います。