Math Quiz Maker

Write a web page that has a selector for choosing the type of math to be quizzed on (addition, subtraction, or multiplication), and a "Generate" button which will generate five random math problems for the user to solve and an input area for each. Add a submit button which, after clicking, will cause a display area to show the user their score as a percentage.

- Math problems should consist of 2 whole number, each between 2 and 12 (e.g. "2 - 6 = ").

- As a bonus, add an area after each question that will show "Correct" or "Incorrect" and display the correct answer after the submit button is clicked

- As a bonus, have it disable the input areas after the submit button is pressed (myElement.disabled = true;)

- As a bonus, add a reset function that will clear the answers, feedback, and score, and will make the input areas enabled again; call the function whenever the "Generate" button is clicked

The attempted quiz would look something like this:

5 * 2 = [10] Correct 2 * 9 = [16] Incorrect, the answer is 18 7 * 3 = [21] Correct 8 * 7 = [56] Correct 3 * 3 = [9] Correct Score: 80%

Hint: Random number generator code

A random number between 2 and 12 can be generated like this

var num = 2 + Math.floor(Math.random() * 10);

Hint: Possible structure and code for quiz generator

var mathSymbol = ... for (var i = 1; i < 6; i++) { var rand1 = ... var rand2 = ... var qText = rand1 + " " + mathSymbol + ... document.getElementById( "q_area_"+i ).innerText = ... ... }