Design a page that gives a quiz of at least eight questions and uses drop-down lists
(select elements) to allow the user to choose an answer. The page should indicate whether
the answer is correct or not (the page, not just an alert). Some possibilities include: who's alive
and who's dead; or animal, vegetable or mineral (see
example).
List of Representatives. Use the Official Alphabetical List of Members found at the
House site to make a page with a drop-down
list of all of the representatives.
Revise the first lab Homage to the Square to use select elements.
Recall that in a select element (drop-down list) the value is
not seen by the user. Choose option values of the first select
to be the id's of the div's. Next, choose the text-values pairs
for the color (red, green, blue) selects as follows:
Text
Value
0%
00
20%
33
40%
66
60%
99
80%
CC
100%
FF
When the button is clicked, use the values of the color selects
to concatenate the hexadecimal RGB code. Use the value of
the square select to identify the div and change its background
color accordingly.
Make a page like that shown below that allows a user to
determine their name under the scheme of Professor Poopypants
from the Captain Underpants book.
Choose the background color to be R=0, G=102 and B=204 so that
it matches the Professor Poopypants
image. Click here for the
letter to new name tables. Use the letters as the text and the names as the values of the three drop-down lists.When
the user clicks the button, their name is made by concatenating the three values
from the drop-down lists.