買い物リスト
お店で片手でも使える買い物リスト · 暮らし ●○○
ここを変えてみてください
プロンプト
買い物リストを作ってください(売り場ごと)。インストール不要で、他のファイルも使わず、ブラウザでそのまま開ける単一のHTMLファイルにしてください。CSSとJavaScriptもその中に含めてください。画像ファイルや外部URLは一切使わず、記号が必要な場合は絵文字や文字を使ってください。 買うものを入力してEnterキーを押すと追加できるようにしてください。項目をタップすると打ち消し線が引かれ、もう一度タップすると元に戻るようにします。レジ前で気が変わることもあるので、消し込みした項目は非表示にせず、リストの一番下に移動させてください。 片手に買い物カゴを持ち、もう片方の手だけで操作するため、タップするターゲットは大きめにしてください。 「消し込んだ項目をクリア」ボタンと、残りの項目数のカウント表示を追加してください。 入力した内容はブラウザを閉じて再度開いても保持され、データがブラウザの外に送信されないようにしてください。 完成したら、項目を消し込んだときに指の下でリストの位置が急にずれてしまわないか確認してください。
使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める · やらないことを指定する
リストが急にガタッと動いてしまう場合は、「一瞬で並び替えるのではなく、下への移動をアニメーションさせて」と伝えてみてください。
返ってきたものを貼り付けてください
こんなものもあります