• Parse
• Token
• Delimiter
• Object
• Prototype
• JSON
• jQuery

If you use a source (book or web site), cite your source. (The sites http://whatis.techtarget.com/ and http://www.webopedia.com/ are decent sources for technical definitions.)

• Declare a set of (global) parallel arrays for the four president properties: name, dates, nickname, and image.
• Paste the data from the txt file in PresidentData.zip into your program.
• When the page loads, parse the president data first on the vertical bar delimiter then on the comma delimiter.
• Use the information to initialize the above mentioned arrays.
• Populate a drop down select having the president's name as the text and the array index as the value.
• When the user selects a president using the drop-down select the name, dates and nickname of the president should be displayed as should the corresponding image of the president.

Section 01

Section 02

• Use (R,G,B) of (0, 102, 204) (#0066CC) for the page's background color to match the blue in the image. Use white for the font color.
• The main design is a table with 4 rows and two columns with all of the cells in the first column merged. My cells (td elements) have a solid white border.
• Take the third letter of the user's first name, the second and fourth letters of the user's last name, and find the corresponding silly name. Extract these letters, then use the silly name (see the PoopyStart.txt file below) that has the same position as the letter does in its array.
• You may need JavaScript's charAt(), toUpperCase(), substr(), the array's indexOf()
• Note that the arrays provided are in all small letters. Do not go in "by hand" and capitalize the first letter of each element in the first two arrays. Instead loop over the arrays and do that in code.
• (If the person's name was not long enough, choose an index at random.)
• Concatenate the two silly names derived from the user's last name. Create the full silly name and display it.
• If the user changes the text in the text inputs, clear out your displayed answer.

Section 01

Section 02

Section 01

Section 02