|
Selection Arrow:
|
ASSIGNMENT:
You will need to open the web console on your browser for this assignment.
Otherwise you will not be able to see the line printed out by console.log().
You may need to do a little research on how the case statement works, but
other than that the code should be self-explanatory once you take the time
to inspect it carefully. (Directions: Use the arrow keys to move the arrow up and down
and use the spacebar to select and unselect an item.)
So, your assignment is to make the following alterations to the sample
program:
- Create three columns of choices. You may change the theme from food to
something else or you can just go with a column for entree, side, and
dessert. Display the cost of each item.
- Design your program so that the user can only select one item from each
column.
- Have your console.log() line report which items are selected and also
have the color of selected items change to indicate that they are
selected.
- When the user presses enter calculate the cost of the selected
items. Display the cost at the bottom of the canvas area.
|