As we discussed in class, one of the advantages of text boxes over prompts is persistence and modifiability. If the user enters input into several text boxes, those values persist in the boxes. If the user changes their mind or wants to reexecute code based on new values, they can simply edit the appropriate text boxes and reexecute.
Create a new version of your grades.html that uses text boxes for inputting the user's grades. As before, homework grades should be entered into a single text box (as should quiz grades). The output of your program, which should include the homework and quiz averages, should be displayed in a separate frame in the page.
|For example, suppose the Mastermind chooses:|
|Now suppose the user guesses the following:|
|For this guess, there is one peg, red, that is correct (right color in the right position), while there are two additional pegs, blue and yellow, that are the right color but in the wrong position.|
Without writing any code, design the layout of a page for playing the game. That is, draw a picture of the page and identify the individual page elements that make up the page. Be sure to annotate those elements with a brief description of what event-handling should occur with respect to the elements. For example, if there is a button on the page, describe what should happen when the user clicks on that button. Be sure to consider:
Repeat: you are not allowed to view the source code of any existing Mastermind page.