Learning bootstrap and jQuery
- Have the four tabs work
- Only fill the Addition tab with content
- Generate a random addition problem with whole numbers between 0 and 100.
- Offer three possible answers as buttons
- When the user clicks on an answer button, display "Try again" or "Correct"
- When the user clicks "New Addition Problem", make a new problem
- Line counts (made by the
wc
command line utility)
97 index.html
7 styles.css
104 total
- 45 lines of javascript in four functions. I did not write shuffle, I got it from here: http://stackoverflow.com/questions/2450954/how-to-randomize-shuffle-a-javascript-array Shuffle is 16 lines long. The functions I did write are:
- newAddProblem -- Generates random numbers and displays
- grade -- compares the answer with the number on the button and changes the text on the addFeedback paragraph
- assign -- Displays the value on a button and connects grade to the click
- We'll keep score!
- We'll use local storage to persist the score
- We'll use github pages to serve the app
- We'll see if it looks good on cell phones