【第三回】JavaScript初心者が最強のTOEFLタイピングゲームを作りたい【機能追加】

JavaScript
この記事は約2分で読めます。

この記事の最終更新日: 2021年1月25日

【第三回】JavaScript初心者が最強のTOEFLタイピングゲームを作りたい【機能追加】

はじめに

みなさんこんにちは。daigoroです。

今日もTOEFLタイピングゲームの進捗について報告したいと思います。

タイピングゲームはこちらから確認できます。

タイピングゲーム

前回の記事はこちら

追加機能

今回は以下の機能を追加しました。

TOEFLタイピングゲーム 機能追加
  • ランダムモード・通常モードの切り替え
  • 入力単語数カウンター追加
  • 入力文字数カウンター追加
  • レイアウトの微修正

ランダムモード・通常モードの切り替え

今まではランダムモードのみでしたが、順番に並んでいる通常モードも実装しました。

通常モードで練習した後、ランダムモードでトレーニングすることを想定しています。

単語数・文字数カウンターの設置

入力した単語数、文字数を確認できるようにしました。

どのくらい頑張ったかが目に見えるようになっただけで、

アプリの魅力が割と上がったような気がします。

レイアウトの微修正

タイトルの色などを変更しました。

蛍光色を使うと一気に古臭くなるので、

落ち着いたトーンの色を使っていこうと思います。

さいごに

現在は名詞の初級しか実装していないので、どんどん増やしていきたいです。

以上、daigoroでした。

次の記事はこちら

コメント

タイトルとURLをコピーしました