Skip to content

write code that will create a table dynamically based upon a dataset we provide. We also need to allow our users to filter the table data for specific values. There's a catch though... we only use pure JavaScript, HTML, and CSS, and D3.js on our web pages. They are the only coding languages which can be trusted.

Notifications You must be signed in to change notification settings

engysamaan/14_JavaScript-and-DOM-Manipulation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

14_JavaScript and DOM Manipulation

Run this link : https://engysamaan.github.io/14_JavaScript-and-DOM-Manipulation/Instructions/StarterCode/index.html

Your Task

Level 1: Automatic Table and Date Search

Create a basic HTML web page or use the index.html file provided (we recommend building your own custom page!).

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

Make sure you have a column for date/time, city, state, country, shape, and comment at the very least.

Use a date form in your 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.

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:

date/time city state country shape

Dataset

UFO Sightings Data

Assessment

Your final product will be assessed on the following metrics:

Completion of all steps in chosen level Visual attraction Usability

Good luck!

Copyright

Data Boot Camp © 2018. All Rights Reserved.

About

write code that will create a table dynamically based upon a dataset we provide. We also need to allow our users to filter the table data for specific values. There's a catch though... we only use pure JavaScript, HTML, and CSS, and D3.js on our web pages. They are the only coding languages which can be trusted.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published