JavaScript DOM操作クイズ（20問）
無料
テキスト変更・クラス操作からタブUI・モーダルまで、JavaScriptのDOM操作を20問のクイズ形式で練習できる無料アプリです。問題ごとのHTMLがプレビューに用意され、書いたコードをその場で実行して動きを確認できます。じっくり解説を読みたい方は記事版「JavaScript DOM操作の練習問題10選」へ。
preview — 実行後にここを操作して動作を確認できます
ステージのHTMLを見る
script.js — 上のステージのHTMLに対してコードを書けます
このアプリについて
- 要素の取得・テキスト変更・クラス操作から、タブUI・モーダル・アコーディオンまで、DOM操作の頻出パターンを20問で総ざらいできます
- Q1〜Q10は記事版と同じ問題、Q11〜Q20はアプリ限定ドリル（イベントデリゲーション / dataset / insertAdjacentHTML / cloneNode / フォームバリデーションなど）です
- コードは問題ごとのHTMLが入ったプレビュー（iframe）内で実行され、ボタンやフォームを実際に操作して動作確認できます（登録・インストール不要）
- 「✓できた / △あとで復習」の自己判定はこの端末に自動保存され、復習リストだけを解き直せます
各問題の詳しい解説は、記事版「JavaScript DOM操作の練習問題10選｜解答付き！」にまとめています。