【初心者向け】JavaScriptのメソッドを使ってみよう！DOM操作の基本解説 クリックイベントの設定・クラス操作のやり方 【プログラミング入門】

JavaScriptのメソッドについての解説と、DOM操作、よく使うメソッドの使い方の紹介です！
イベント設置やクラス操作ができるようになれば、Webサイト制作でできることの幅も一気に広がります！
JavaScriptの関数が曖昧な方、こちらも是非ご覧ください。

【初心者向け】JavaScriptの関数の仕組み・使い方を徹底解説！ 関数宣言 / 無名関数 / アロー関数って何？【プログラミング入門】
https://youtu.be/Uqm642_O52U

基礎がまだまだ、という方は是非
下記の入門編からどうぞ！

【超入門】初心者向けJavaScript解説！これから学習を始める方必見【Webデザイン・プログラミング】
https://youtu.be/acSw8M7jQ2o

【超入門】初心者でも安心！JavaScript学習入門（前編）データに関する基礎知識【Webデザイン・プログラミング】
https://youtu.be/7wEuRdsnBs4

【超入門】初心者でも安心！JavaScript学習入門（後編）処理に関する基礎知識 if文・ループ文などの仕組みを解説【Webデザイン・プログラミング】
https://youtu.be/UtNPgtoiZz4


↓↓↓ jQuery解説はこちら ↓↓↓
【超初心者向け】jQuery最新版の読み込み・使い方解説2021！初めてでも簡単にアコーディオンメニューが作れるようになります【HTML・CSS コーディング】
https://youtu.be/Vw7xzB78uGg

【初心者向け】jQueryで作るハンバーガーメニュー3種類！スライドメニュー、フェードインなど レスポンシブデザイン【HTML・CSS コーディング】
https://youtu.be/8BItmm-CQvc

↓↓↓ HTML/CSS 解説はこちら ↓↓↓
【超入門】HTML・CSSってなに？学習の始め方解説 2021年最新版【未経験・初心者向け】

【超入門】たった20分でまるわかり！HTMLをはじめてみよう【HTML・CSS コーディング】
https://youtu.be/dqZFBqsWAm8

【超入門】初心者あるあるのつまづき回避！CSSをはじめてみよう（前編）【HTML・CSS コーディング】
https://youtu.be/iIDpkhgU3gM

【超入門】初心者あるあるのつまづき回避！CSSをはじめてみよう（後編）【HTML・CSS コーディング】
https://youtu.be/mFGmdHgT7DQ

〈目次〉
・オープニング 0:00
・はじめに / メソッドとは？ 1:01
・オブジェクトとメソッドの関係 2:19
・オブジェクトのおさらい 3:00
・オブジェクトに関数と格納する 5:46
・プロパティとメソッド 7:51
・オブジェクトに関するまとめ 11:43
・JavaScriptに元々用意されているメソッドについて 12:44
・よく使う基本のメソッド紹介 17:34
・DOM操作の基本メソッド 18:54
・IDやクラス名を条件にHTML要素を取得する 21:10
・DOM操作の例①：クリックイベントの設定 29:10
・addEventListener() と thisキーワード 33:26
・DOM操作の例②：クラス名の追加 37:09
・DOM操作の例③：クラス名のつけ外し 40:22
・補足；イベント設定時の注意点 42:05
・複数の要素へのイベント設定の仕方に注意 44:47
・for文で複数の要素にイベントを設定する方法 47:04
・今回紹介したメソッドの使い方のおさらい 50:01
・今回紹介したメソッドまとめ 51:02
・JavaScriptのメソッドについてのまとめ 51:14

--- Webの神様 ---
未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです！

【タグ】
#コーディング #プログラミング

【SNS】
--- Twitter ---
https://twitter.com/webgodweb

--- Facebook ---
https://www.facebook.com/webgodweb/

【運営会社】
株式会社カラフルクローバー
https://www.colorful-clover.co.jp/


★★★「Webの神様」メンタープランのご案内★★★

ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です！

【お知らせ動画】
「Webの神様」があなたのメンターになります
https://youtu.be/pJfpEVjAdqkプレビュー

【プランの詳細・お申し込み（MENTA）】
https://menta.work/plan/5148

未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます！
是非ともご検討いただければ幸いです。

★★★★★★★★★★★★★★★★★★★★★★★