Turn Flashcards Into Quiz using Vanilla Javascript
Budget: $10 – $30 USD
Can you turn these flip cards into a quiz that asks the questions randomly without repeating? It's on CodeSandBox:
( https://codesandbox.io/s/this-is-for-the-dev-ike6v )
The only code that has to be changed is in "vocab.js". In this case, the questions are double-sided, one side has the question, the other side has the hint. The answer is the same as the question (labeled "prompt").
No need for a start button. When the page loads, a question should appear and the input box is "autofocused". It accepts the answer when the user types something & presses "enter". (Plz don't add a submit button).
If user input matches prompt, the program alerts (CORRECT), if the answer is wrong, it's alerts ("WRONG"). After the user completes the questions, the programs alerts the score "__out of __correct."
At this point, "start over" should appear under the input box. It's doesn't have to be a button; it's could just be text. Don't worry about text style; I'll change that later. When the user presses "start over", the page refreshes and the program should randomly choose another question to display.
Feel free to ask me for further clarification.
( https://codesandbox.io/s/this-is-for-the-dev-ike6v )
The only code that has to be changed is in "vocab.js". In this case, the questions are double-sided, one side has the question, the other side has the hint. The answer is the same as the question (labeled "prompt").
No need for a start button. When the page loads, a question should appear and the input box is "autofocused". It accepts the answer when the user types something & presses "enter". (Plz don't add a submit button).
If user input matches prompt, the program alerts (CORRECT), if the answer is wrong, it's alerts ("WRONG"). After the user completes the questions, the programs alerts the score "__out of __correct."
At this point, "start over" should appear under the input box. It's doesn't have to be a button; it's could just be text. Don't worry about text style; I'll change that later. When the user presses "start over", the page refreshes and the program should randomly choose another question to display.
Feel free to ask me for further clarification.