ユーザー操作に応じて画面を書き換えよう【分かりすぎて怖いJavaScript入門】
Вставка
- Опубліковано 5 вер 2024
- JavaScriptを使う最大の理由、と言っても過言ではない「DOM要素の変更」を解説します。
画像のプレビュー表示やコメント機能も、DOM操作を使えば実現できます。
1. innerTextでテキストを書き換える
2. innerHTMLでHTMLごと書き換える
3. setAttribute()で画像を置き換える
4. insertAdjacentHTML()でHTMLを挿入する
★CodePen
codepen.io/Tor...
★JavaScript入門のコードをまとめたGitHub
github.com/dea...
★日本一わかりやすいReact入門【基礎編】
• Playlist
★日本一わかりやすいReact入門【実践編】
• 日本一わかりやすいReact入門【実践編】
★日本一わかりやすいReact-Redux入門
• 日本一わかりやすいReact-Redux入門
★学習コミュニティ
Webエンジニアになりたい方向けのコミュニティです。
詳細動画 • 【募集中】学習コミュニティ「とらゼミ」の募集...
お申し込みはこちら torahack.web.a...
★チャンネル概要
スタートアップ企業の現役フロントエンドエンジニアです。
以下についての動画を公開しています。
・フロントエンド技術の学習講座
・3年後も活躍し続けられる「エンジニアのキャリア論」
・「早く&正しく」プログラミング言語と技術を習得する「勉強方法」
★Twitterアカウント
/ torahack_
★Qiita
qiita.com/tora...
★GitHub
github.com/dea...
#とらゼミ #JavaScript #入門 #エンジニア
Reactを学習するまえにjavascriptを学習しにきました！
めちゃくちゃわかりやすいじゃんけ！
🤣
有益な情報ありがとうございます
動画分かりやすく助かっております！！！元々サーバーサイドの勉強をしておりましたが、最近フロントエンド側の勉強をはじめました。
今、Viewで折りたたみ要素 ()というのを使おうとしていて、この開閉した時間をクッキーで保存して、次画面を表示した時に、そのクッキーに保存した時間によって開閉状況を操作できればなあと思っているのですが、うまい方法が見つからない、、、という悩みがあります。
クッキー操作あたりの知識も乏しいので、その辺りの知識が得ることができるような動画があれば大変助かります！
クッキーなどセッション関連ですね、なるほど！
setAttributeの説明部分のコードは、
const element = document.getElementById(id);
じゃなくて、
const element = document.getElementById("image");
でしょ。