JavaScriptで「クリック（click）したら、◯◯する」を書いてみましょう！とても良く使うaddEventListener（イベントリスナー）を解説！

[@rekatok2248]

JS初心者です、他のサイトでは事例で説明していますがなんとなく「型」を覚える感じですが
このサイトでは意味合いがわかります。他のサイトでもやもやしていた感じがスッキリします。
addEventListenerの意味あいの説明などはスッキリしました。本当にありがとう。

[@niconicohahaha7]

理解力が乏しい自分にも、説明が丁寧で分かりやすい為にスイスイ理解することができました！！スピードもゆったりで丁度良く最高です！！動画ありがとうございます！！！

[@黄鼻]

今は時間があるので、こういう基礎固めがしっかりできる動画がありがたいです！
他のイベントも試してみます。

[@webFrontEndChannel]

色んなイベントがあって面白いので、是非試してみてください♪

[@toba5563]

consoleだけではなく実際にhtmlでの例は見応えがあって楽しいです！ありがとうございます。

[@ZzZz-vq6vo]

めちゃくちゃ分かりやすくて感謝🥲

[@batkawa4351]

毎度のことながら、本当にわかりやすいです！thisの謎が解けました。苦手なJavaScriptが、かえって好きになりそう。

[@KentaroxKondo]

これは激分かりやすいです！！

[@taki_______]

クリックで画像を出現するようにするかつ、CSSでアニメーションをつけたい場合はどのようにすればいいんでしょうか？他の動画で解説していますか？

[@webFrontEndChannel]

クリックしたら、クラスを付与して、transitionなどでアニメーションさせればできるかと思います。
こちらの動画が参考になるかもしれません。
ruclips.net/video/SzWT6yI0BuM/видео.html

[@taki_______]

@@webFrontEndChannel まさか返信いただけると思わなかったです、ありがとうございます。 合わせて参考にさせていただきます。

[@onetriponedrop6417]

HTML内でのonClick属性の違いを教えてください

[@webFrontEndChannel]

現在使うことは少ないですが、jsで要素に対しイベントを設定するのではなく、htmlでクリックイベントを登録する形になります。

[@ところてん-u1e]

ドットインストールよりもわかりやすい

[@dezalog]

アロー関数にするとthisが効かなくなりますが、アロー関数だと使えないのですか？

[@webFrontEndChannel]

効かなくなるというか、thisの意味が違ってくるので、arrow関数にするだけだと動きません。。。💦
arrow関数に関しては、動画で配信予定ですので、しばらくお待ち下さい。