Using HTML and Javascript making a dynamic webpage that accpets user input to display UFO sighting data on a table
The initial look for the webpage is following. A user can input Filter on left side, and the Filtered Data will be displayed on right side table. Also UFO Sightings sign on Left side on top link does refresh the webpage.
- Date - A user can input a date that want to serach on data and disply on the Table.
Image shows that the data has filterd by date of 01/13/2010.
- City - A user can input a city that want to serach on data and disply on the Table.
Image shows that the data has filterd by city of boston, which shows no results.
- State - A user can input a state that want to serach on data and disply on the Table.
Image shows that the data has filterd by state of ny.
- Country - A user can input a Country that want to serach on data and disply on the Table.
Image shows that the data has filterd by country of us.
- Shape - A user can input a shape that want to serach on data and disply on the Table.
Image shows that the data has filterd by shape of light.
- This filter has difficulty to find parameter. For example, a user would need to go through the table to find the city for desired analysis.
- It would be better to build the Filters with drop down selection, so that a user does not need to look through the tables.
- Also if the Table's columns has Decending or Acending order function would be good to have. For example as clicking State on the Table, the table changes alpaphet order A-Z, one more click makes Z-A order.