HTML / JS 練習用プレイグラウンド

いろいろ触って動作を確認できます。最低限のJSで実装。

1) 数字入力 → 2倍表示

結果：—

2) ボタンの基本

回数：0

対象：有効

3) 選択UI（select / radio / checkbox）

選択：—

現在：ライト

状態：未同意

4) 入力いろいろ（テキスト、スライダー、色、日付）

文字数：0

選択：—

5) 画像プレビュー（URL / ファイル）

画像プレビュー（ここに表示）

URLがCORSでブロックされる場合は、ファイル選択で試してください。

6) フォーム送信（preventDefaultの練習）

送信しても実際にはネットワーク送信しません（学習用）。

7) ドラッグ＆ドロップ

ここに画像ファイルをドラッグ＆ドロップ
DnD画像プレビュー

※ URLで読み込めない場合でも、ローカルの画像ならここにドロップで表示できます。

ドラッグ
ここにドロップ（0回）

8) キーボード入力

—

例：Ctrl+S はページ保存を無効化して通知、←↑→↓ / WASD でプレイヤー移動