決める
ルーレット

迷ったときに使う「決めるルーレット」を、HTML・CSS・JavaScriptだけで作ってください。

入力: 候補を自由に追加・削除できる。初期値は「寿司、カレー、そば、定食、パスタ、もう一度考える」。
動作: 中央の「まわす」を押すとルーレットが3秒以上回転し、ゆっくり止まる。結果を大きく表示し、連打中はボタンを無効化する。
デザイン: 黄色を主役に、黒い太線、少しずれた影、赤・青緑・ピンクの配色。遊び道具のようだが子どもっぽすぎない。円盤は大きく、スマホでも画面内に収める。
言葉: 「迷う時間を、遊ぶ時間へ」「それでも嫌なら、その違和感が本音です」を添える。
アクセシビリティ: 入力とボタンにラベルを付け、結果をaria-liveで読み上げる。