Tier: 2-Intermediate
FlashCards are a time tested technique used by students to review and test their knowledge on a particular subject.
This app is based on a knowledge base of questions and answers about a particular subject and randomly displays a card with the question and multiple answers. The objective is for the user to select the correct answer(s).
- User can see a single card, randomly picked from the "deck" displayed at any point in time
- User can see a question on the card and a list of four possible answers, each of which is identified by a letter.
- User can select an answer by clicking on it
- User can see an error displayed when the wrong answer is selected
- User can see a congratulations message when the correct answer is selected.
- User can click a 'Next Question' button to display the next flash card.
- For this app the knowledge base of questions and answers should be encoded in a JavaScript object.
- The possible answers display on each card should be randomly chosen from other flashcards.
- User can click a 'Results' button to display the tallies of correct and incorrect answers.
- User can click a 'Reset' button to reset the tallies of correct and incorrect answers.
- User can click a 'Shuffle' button to re-randomize the "deck"
- User can click a 'More Info' button to flip the flash card to see additional information. For example, detailed information about the subject of the question on the front of the card.
The definitive source for HTML/CSS/Javascript is MDN
Example Javascript questions and answers can be found at Brainscape.