DOM : 実践例 – 生成AI時代のプログラミング学習

dom_dom0900_001

Todoリストで入力値から<li>を追加する最も標準的な方法はどれですか？

Todoリストから項目を削除する際に「イベント委譲」を使う主な利点はどれですか？

モーダルウィンドウを実装する際、背景スクロールを抑止する一般的な手法はどれですか？

ARIA対応のモーダルでフォーカストラップを実装する目的はどれですか？

タブ切り替えUIで、選択中タブのパネルのみを表示する最も簡潔な方法はどれですか？

タブUIで「ボタンをクリックしたときにURLハッシュを更新して、リロード後も選択状態を再現したい」。適切な手法はどれですか？

画像スライダーで「無限ループ（両端でシームレスに循環）」を実現する定番テクニックはどれですか？

カルーセルで自動再生（オートプレイ）を実装する際、ユーザーがスライダー上にマウスホバー中は一時停止したい。この要件を満たすのに適切な実装はどれですか？

バリデーション付きフォームで、HTML標準の制約検証APIを使って送信前にエラー表示を行う正しい手順はどれですか？

フォームのリアルタイムバリデーションで、入力中に独自ルール（例：ユーザー名の重複チェック結果）をエラーメッセージに反映したい。適切な実装はどれですか？