【JavaScript】ローマ字が複数入力できるタイピングゲームのライブラリと簡単な使用例【typing-jp】 - Qiita

前書き タイピングゲームのライブラリを作ったのでタイピングゲームを作りたいと思う。 成果物 雑な設計 ・日本語のテキストとローマ字を表示する。 ・入力に応じてローマ字の色を変える。 ・複数のローマ字入力に対応する。 ・ミス数、タイムを計測する。 作る ライブラリの読み込み ありがたいことにCDNが使えるので使わせてもらう。 <script src="https://cdn.jsdelivr.net/npm/@mogamoga1024/typing-jp@1.0.2/dist/cdn/typing-jp.js"></script> const allQuestionList = [ { text: "りんご", typingText: new TypingText("りんご") }, { text: "バナナ", typingText: new TypingText("バナナ") }, {