なぞり打ち練習
画面の文をそのまま打つと、合っているかすぐ分かる · 学習 ●●○
ここを変えてみてください
プロンプト
短い日本語の文をなぞって打つ練習アプリを作ってください。HTML ファイル一つで開き、インストールも他のファイルも要らず、ブラウザでそのまま動くようにしてください。CSS と JavaScript もその中に入れてください。 画面の上に打つ内容を出し、その下の入力欄で打てるようにしてください。一文字ごとに、合っていれば灰色、間違っていれば赤で示してください。打ち終えたら次の問題に進み、十個終えたらかかった時間と間違えた文字数を出してください。 練習する内容はコードの中に二十個ほど直接入れてください。「今日はいい天気ですね」のようなもので構いません。外から取ってこないでください。 やり直しボタンを置き、押すと順番を混ぜて最初から始まるようにしてください。画像ファイルや外部のアドレスは使わないでください。 作り終えたら、自分で打つつもりで確かめてください。間違いの印が正しい位置に出るか、最後の文字を打つと次に進むか、やり直しで記録が消えるかを見て、直して最終版だけください。
使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める · 具体例を1つ見せる · 自分で見直させる
変換中の文字まで数えてしまうなら「変換中の文字は数えず、確定した文字だけ比べて」と伝えてみてください。
返ってきたものを貼り付けてください
こんなものもあります