/javascript-challenge

This project consists of code written using JavaScript, HTML, and CSS to create a table dynamically based upon a dataset provided. Users are also allowed to filter the table data for specific values.

Primary LanguageJavaScriptMIT LicenseMIT

JavaScript and DOM Manipulation


Deployment Link

🌎URL: https://plqualls.github.io/javascript-challenge/.

Background

ALIENS-R-REAL have collected reports from eye-witnesses in an attempt to prove that an extra-terrestrial menace has made an appearance on earth. ALIENS-R-REAL has decided to utilize their data to showcase their findings online. While attempting this, they received several complaints that their collection was too large to search for specific events manually, resulting in the company hiring us.


Project Objectives

  • Create and name repository 'javascript-challenge'.
  • Push html file and static folder to repository.
  • Complete Level 1 UFO objective. ❗ ❗Required

  • Level 1 UFO

    Create a basic web-page that utilizing the following files which can be found in the static folder. ⚠️ Please note that there are subfolders in the static folder.
    • Index.html
    • Styles.css
    • Pictures
    • Data.js
    • App.js

    • To ensure that visitors are able to filter the data correctly, make sure you have the following columns.
      1. Date/Time
      2. City
      3. State
      4. Country
      5. Shape
      6. Comment

      UFO Goal
      Use a date form in your HTML document and write Javascript code that will listen for events and allow users the capabability of searching through the "date/time" column to find rows that match their input.

      📷 Screenshots

      Below are images from the website which displays graphics and demonstrates the ability to filter data pertaining to the date. ⚠️ Some pictures are blury due to the graphics displayed on the page. Click picture to have a clearer view.

      UFO IS HERE

      UFO Data

      UFO Findings

      No UFO