javascriptが動作しない件について

Question

javascriptが実行されません。

始めまして。私は現在独学でコーディングを学んで１ヶ月の初心者です。

HTML、CSSについてはある程度学習しており、JavaScriptの学習に入った最初の段階で、
うまく実行されず、つまずいてしまいました。

コピぺしてもうまく実行されません。
環境のせいでしょうか。何卒ご教授ください。

学習環境はドットインストールと言うサイトで学習しています。
なお、プレミアム登録していないので、質問等できないです><;

【実行環境】
MacOS(バージョン10.15.3)
VScode
chrome

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

エラーメッセージ

 Uncaught ReferenceError: docment is not defined
    at index.html:18

該当のソースコード

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

　

試したこと

　・アプリ、OSのバージョン更新

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

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

Answer 1

↓これで動きました。試せますか?
https://codepen.io/new1ro/pen/wvaPpLG

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

Answer 2

docment is not defined (訳:docment が定義されていない)

とあるとおり、 docment なる変数が存在しないためエラーが出ています。おそらく document の誤りでしょう。

VSCode なら単語のスペルミスを示唆する波線が付いていませんか？

Comments

[tangled]

ご指摘ありがとうございます。
すいません、波線は出ていませんがスペルミスでした汗
修正しても以前変わりませんでした。

Answer 3

書き間違いを1点見つけました。
誤: addEventLIstener
正: addEventListener

まだあるかもしれませんが、試してみてほしいです！

Comments

[tangled]

ご回答ありがとうございます。
早速試しましたが、以前変わりませんでした。
他に方法があればご教授願います。

Answer 4

.addEventLIstener
->.addEventListener

ぱっと見、ここが違う。

Comments

[tangled]

ご回答ありがとうございます。
早速修正しましたが、動作しませんでした。
大文字、小文字で動作しないこともあるのでしょうか？
（素人質問で申し訳ないです＞＜）

[maisumakun]

> 大文字、小文字で動作しないこともあるのでしょうか？

はい、JavaScriptでは大文字と小文字は別物として扱われます。