JS City Lookup

Phase 1

Goal: Create a webpage to look up information for cities around the world.

Input Script: http://facweb.cdm.depaul.edu/sjost/cities.js

You can access this script directly from the URL. You don't need to download it.

Details

Create a webpage with these controls:

• Textfield and label for country.
• Textfield and label for subcountry (state, province, region, etc.)
• Button with caption Show Cities. When clicked, it outputs the cities in the given the country and subcountry.
• Textarea and label to show all the cities for a given country and subcountry.
• You can create a textarea with scrollbars like this:

< textarea id="taOutput" style="overflow-y:scroll;resize: none" >< /textarea >

• Textfield and label for city.
• Button with caption Show Country/Subcountry. When clicked, it shows country and subcountry given the city.
• Textarea and label to show each country and subcountry that contains the city.

Phase 2

Modify Project 2a so that the JSON string is uploaded from the user's harddrive instead of accessing from an online script.