Devlog #10:

I added a typing trainer, and it was actually pretty fun to implement. I mean, apart waking up and trying to figure out what the hell the code I wrote last night means. Initially I was going to make like a “tape” structure, when the words scroll across the cursor. Because I centered the entire thing, it automatically made the cursor scroll across the test instead. I decided that it was good enough.

Essentially, I made the the program by making a paragraph element. I changed it with innerHTML to contain the letters that’s already been typed, a blue cursor, and the letters that are yet to be typed. The letters (words actually) are generated from a text document that the JavaScript reads. And like when you press the correct key, the letter moves from the untyped side to the typed side.

(Speaking of typing, I’m so used to using Vim that I keep pressing hjkl, i and o on everything.)

(IDK why I’m typing so slow in the video, I usually type at around 90-100wpm)