/JavaScript-Challenge

11. Java Script - Challenge UFO Sight Analysis

Primary LanguageJavaScript

JavaScript Homework - JavaScript and DOM Manipulation

UFO-Sightings

Create a web page with JavaScript, HTML5, CSS3 and D3.js to create tables dynamically utilizing Document Object Model (DOM) programming interface based on a given dataset. Users will also need to filter the table data for specific values based on search criteria

Objectives

Level 1: Automatic Table and Date Search (Required)

  1. Create a custom HTML web page

  2. Using the UFO dataset provided in the form of an array of JavaScript objects, write code that appends a table to the web page and then adds new rows of data for each UFO sighting

  3. Make sure there are columns for date/time, city, state, country, shape, and comment at the very least

  4. Use a date form in the HTML document and write JavaScript code that will listen for events and search through the date/time column to find rows that match user input

Challenge completed! Date filter selection UFOL1Output

Level 2: Multiple Search Categories (Optional)

  • Complete all of Level 1 criteria.

  • Using multiple input tags and/or select dropdowns, write JavaScript code so the user can to set multiple filters and search for UFO sightings using the following criteria based on the table columns:

    1. date/time
    2. city
    3. state
    4. country
    5. shape

Challenge completed! Multiple filter selection UFOL2Output

Dataset

ASSESSMENT

The final product will be assessed on the following metrics:

Completion of all steps Visual attraction Usability

Copyright

Trilogy Education Services © 2019. All Rights Reserved.