Javascript Events Timers And Form Inputs Speed Writer This Little Application Tests How Fast A User Can Type A Certain 1 (28.21 KiB) Viewed 14 times
Javascript Events Timers And Form Inputs Speed Writer This Little Application Tests How Fast A User Can Type A Certain 2 (32.26 KiB) Viewed 14 times
Javascript Events, timers and form inputs Speed Writer This little application tests how fast a user can type a certain number of words. Start Screen Present the user with a range slider that has a minimum of 5 and a maximum of 10. The value on this slider sets the difficulty level of the game It relates to the number of weeds that a user mut type Provide a "Begin" bomon that sets the difficulty value and starts the game. These interface elements have already been created in HTML for you When the difficulty has been selected, clear the UI of all components Game Screen Display a paragraph that contains a word that the user must type and provide a text field where the user can type in the word Set focus to the textfield As the wier types the word, check to see if it was right. If the word was correct, the user gets presented with another word. This process coutumes for a total of 5-10 wonds (Use the value the user set in the Start screen for the actual number of words) When the last word is successfully submitted, show the user the total time, in seconds, taken to complete the interaction If the user takes more than 20 seconds, show a GAME OVER message, prevent the user from entering weeds and change the text to red and 32px Hints: Use • Use an array to hold all possible words You do NOT need loops here. Let the keyup event trigger de presentation of the next weed when the current wood has been spelled conectly. Remember to clear your timers and remove the event listeners when the game is completed the keyup event to check when a user pressed a key var
Provide a "Begin" button that sets the difficulty value and starts the game. These interface elements have already been created in HTML for you When the difficulty has been selected, clear the UI of all components Game Screen Display a paragraph that contains a word that the user mast type and provide a text field where the user can type in the word. Set focus to the textfield. As the user types the word, check to see if it was right. If the word was correct, the user gets presented with another word. This process continues for a total of 5-10 words (Use the value the user set in the Start scree number of words) When the last word is successfully submitted, show the user the total time, in seconds, taken to complete the interaction If the user takes more than 20 seconds, show a GAME OVER message, prevent the user from entering words and change the text to red and 32px Hions: • Use the keyup event to check when a user pressed a key Use an array to hold all possible words, • You do NOT need loops here. Let the keyup event trigger the presentation of the next word when the current word has been spelled correctly. Remember to clear your timers and remove the event listeners when the game is completed var undirray "once "LINK". Javascript", "Arsignant", }} Use variable to keep track of the current word's index in the array. This is helpful to contral which word the user is presented with. Begin ING
Join a community of subject matter experts. Register for FREE to view solutions, replies, and use search function. Request answer by replying!