jQuery(JavaScript)でタイピングテストを作ってみる

タイピングテストが申請時のフォームに必要になったので実装してみる。

こんな感じ。実際にはデザインはそれらしく作りました。
開始ボタン押下後、⽂字を⼊⼒するとカウントしていきます。
応募フォームなんかにタイピングテスト結果⼊れるとPCスキル把握に役⽴つ感じ。
読み仮名とかは「ち(TI,CHI)」とか⼯夫が必要ですね。今回はそのまま配列⼊れて対応してあります。

jsファイルは「こちら」から。とりあえず動けばという感じなんで、全然整形してません。
インデントも適当でDBも使ってないし余計な変数も処理も消してないし命名規則も適当なんでほんと汚いです・・・

ボタン制御も適当です。連続で開始ボタン押すとバグったりします。

実際のもの

下の開始ボタンからタイピングテストを開始してください。

残り時間 :

ここに単語が表示されます。
タイピングテストを開始する

(クリックすると「3」秒後にタイピングテストを開始します。)





シェアする

  • このエントリーをはてなブックマークに追加

フォローする