// from data.js var tableData = data; // YOUR CODE HERE!
var data = [{ datetime: “1/1/2010”, city: “benton”, state: “ar”, country: “us”, shape: “circle”, durationMinutes: “5 mins.”, comments: “4 bright green circles high in the sky going in circles then one bright green light at my front door.” }, { datetime: “1/1/2010”, city: “bonita”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “13 minutes”, comments: “Three bright red lights witnessed floating stationary over San Diego New Years Day 2010” }, { datetime: “1/1/2010”, city: “el cajon”, state: “ca”, country: “us”, shape: “triangle”, durationMinutes: “6 minutes”, comments: “On New Years Eve I went outside to hear the celebration and fireworks in my neighbor hood. And noticed 3 red lights above my house and” }, { datetime: “1/1/2010”, city: “el cajon”, state: “ca”, country: “us”, shape: “triangle”, durationMinutes: “12 minutes”, comments: “3 Red objects hovering over El Cajon CA” }, { datetime: “1/1/2010”, city: “fresno”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “1 min”, comments: “Fresno cal. bright light hovers over head then vanished” }, { datetime: “1/1/2010”, city: “grants pass”, state: “or”, country: “us”, shape: “triangle”, durationMinutes: “a few mintues”, comments: “Triangle shaped craft with three red lights at points hovering over Grants Pass, Oregon.” }, { datetime: “1/1/2010”, city: “la mesa”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “10 min”, comments: “Three red lights over southern California that made a triangle shape” }, { datetime: “1/1/2010”, city: “lemon grove”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “about 15 minutes”, comments: “3 Red lights in line pattern above El Cajon/ East County.” }, { datetime: “1/1/2010”, city: “maricopa”, state: “az”, country: “us”, shape: “unknown”, durationMinutes: “3 minutes”, comments: “One huge UFO or three seperate ones” }, { datetime: “1/1/2010”, city: “park city”, state: “ky”, country: “us”, shape: “light”, durationMinutes: “2-3 seconds”, comments: “Lights orbiting the moon” }, { datetime: “1/1/2010”, city: “st. louis”, state: “mo”, country: “us”, shape: “fireball”, durationMinutes: “1 min”, comments: “7 floating orbs or fireballs moving from southwest to northeast direction.” }, { datetime: “1/1/2010”, city: “el cajon”, state: “ca”, country: “us”, shape: “formation”, durationMinutes: “15 min.”, comments: “Three red lights over the San Diego area – IT'S A HOAX YET AGAIN!!” }, { datetime: “1/1/2010”, city: “spring valley”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “10:00”, comments: “Three bright red lights in a straight line formation” }, { datetime: “1/1/2010”, city: “willow”, state: “ak”, country: “us”, shape: “formation”, durationMinutes: “7 min”, comments: “four orange red objects suddenly appear 12:01 am new years move north then south and dissapear” }, { datetime: “1/1/2010”, city: “antioch”, state: “ca”, country: “us”, shape: “other”, durationMinutes: “30 minuets”, comments: “Objects in sky over Antioch California 12:03AM January 1, 2010” }, { datetime: “1/1/2010”, city: “el cajon”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “10min”, comments: “3 red lights in sky new years 2010” }, { datetime: “1/1/2010”, city: “naples”, state: “fl”, country: “us”, shape: “sphere”, durationMinutes: “2 min”, comments: “i'm in naples park. last night, my husband and I were sitting outside –neighbors lighting off fireworks, etc. We're under a lanai and” }, { datetime: “1/1/2010”, city: “la mesa”, state: “ca”, country: “us”, shape: “triangle”, durationMinutes: “4-6 minutes”, comments: “3 bright red lights hovering high in the sky in an elongated triangle pattern just after midnight 2010 in La Mesa, Ca” }, { datetime: “1/1/2010”, city: “anchorage”, state: “ak”, country: “us”, shape: “light”, durationMinutes: “one minute”, comments: “Upper atmosphere object moving south, becoming stationary and later moving east at a high rate of speed.” }, { datetime: “1/1/2010”, city: “national city”, state: “ca”, country: “us”, shape: “formation”, durationMinutes: “25 mintutes”, comments: “3 red lights over the mountains in Eastern San Diego” }, { datetime: “1/1/2010”, city: “boca raton”, state: “fl”, country: “us”, shape: “fireball”, durationMinutes: “4 minutes”, comments: “Slow moving fireball northbound at hight altitude Southern Florida” }, { datetime: “1/1/2010”, city: “falcon”, state: “co”, country: “us”, shape: “disk”, durationMinutes: “8 mins”, comments: “We experienced red disk over the falcon, colorado sky within the first minutes of the new year.” }, { datetime: “1/1/2010”, city: “crestview”, state: “fl”, country: “us”, shape: “unknown”, durationMinutes: “2 minutes”, comments: “Orange/Yellow flickering light in the sky with no sound and abrupt changes in direction, below 12ꯠ feet.” }, { datetime: “1/1/2010”, city: “aspen”, state: “co”, country: “us”, shape: “chevron”, durationMinutes: “2 mins”, comments: “New Years Eve Anomoly In Aspen Colorado” }, { datetime: “1/1/2010”, city: “walworth”, state: “wi”, country: “us”, shape: “sphere”, durationMinutes: “5-7 minutes”, comments: “Large red/orange orb traveling southeast between Milwaukee and Chicago.” }, { datetime: “1/1/2010”, city: “baker”, state: “fl”, country: “us”, shape: “unknown”, durationMinutes: 15, comments: “Six flickering orange lights over baker” }, { datetime: “1/1/2010”, city: “san diego”, state: “ca”, country: “us”, shape: “sphere”, durationMinutes: “20 minutes”, comments: “Orange spheres in sky New Year's Eve, San Diego, CA” }, { datetime: “1/1/2010”, city: “willow”, state: “ak”, country: “us”, shape: “sphere”, durationMinutes: “10-11 min”, comments: “4 redishorange shpereiodical objects appear during 2010 fireworks show hover around then disappear 500 Lights On Object0: Yes” }, { datetime: “1/1/2010”, city: “san diego”, state: “ca”, country: “us”, shape: “triangle”, durationMinutes: “3 minutes”, comments: “It happen nEw years eve 2010” }, { datetime: “1/1/2010”, city: “haverhill”, state: “ma”, country: “us”, shape: “triangle”, durationMinutes: “30 seconds”, comments: “Haverhill Massachusetts triangle object sighting” }, { datetime: “1/1/2010”, city: “pasadena”, state: “ca”, country: “us”, shape: “triangle”, durationMinutes: “1 minute”, comments: “Walking on Cordova westbound just before the Hilton. Sun was setting so looked up to see if we could see any satellite reflection. Sa” }, { datetime: “1/1/2010”, city: “albuquerque”, state: “nm”, country: “us”, shape: “light”, durationMinutes: “half an hour”, comments: “My wife and I were outside in the Jacuzzi when she first saw a light. It glowed and traveled from north to south. It lit up again whe” }, { datetime: “1/1/2010”, city: “jasper”, state: “fl”, country: “us”, shape: “sphere”, durationMinutes: “1 min”, comments: “Bright light sets in the eastren sky.” }, { datetime: “1/1/2010”, city: “bakersfield”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “1 minute”, comments: “Two Crafts dancing in the sky!” }, { datetime: “1/2/2010”, city: “orange”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “5-6 minutes”, comments: “Point of light in daytime sky over Orange, CA” }, { datetime: “1/2/2010”, city: “phoenix”, state: “az”, country: “us”, shape: “rectangle”, durationMinutes: “10 seconds”, comments: “A bright light in Phoenix hovered above houses in broad daylight, then vanished” }, { datetime: “1/2/2010”, city: “sacramento”, state: “ca”, country: “us”, shape: “triangle”, durationMinutes: “4min”, comments: “Triangle shaped object spotted over Sacramento River.” }, { datetime: “1/2/2010”, city: “middleburg”, state: “fl”, country: “us”, shape: “sphere”, durationMinutes: “10 minutes”, comments: “I was on my way out the door of my house , when i stepped into the drive way of my house i noticed a redish/orange moon it was straight” }, { datetime: “1/2/2010”, city: “waxhaw”, state: “nc”, country: “us”, shape: “sphere”, durationMinutes: “1 minute”, comments: “red glow/flame over waxhaw, nc” }, { datetime: “1/2/2010”, city: “madison”, state: “al”, country: “us”, shape: “triangle”, durationMinutes: “2 minutes”, comments: “Triangle shaped craft with orange-yellow lights that hovered very low near Redstone Arsenal in Madison, Al” }, { datetime: “1/2/2010”, city: “loveland”, state: “co”, country: “us”, shape: “cross”, durationMinutes: “5 minutes”, comments: “extremely bright light over tree in loveland, CO” }, { datetime: “1/2/2010”, city: “atlanta”, state: “ga”, country: “us”, shape: “fireball”, durationMinutes: “3 seconds”, comments: “glowing red spaceship flys at car” }, { datetime: “1/3/2010”, city: “mason”, state: “oh”, country: “us”, shape: “circle”, durationMinutes: “20 mins”, comments: “didnt move like a plane or helicopter, too close to be a star.” }, { datetime: “1/4/2010”, city: “glen spey”, state: “ny”, country: “us”, shape: “flash”, durationMinutes: “35 mins”, comments: “colorful flashing craft hovers for 30mins & then flashes violet, followed by dashing to the right & disappearing” }, { datetime: “1/4/2010”, city: “reedville”, state: “va”, country: “us”, shape: “changing”, durationMinutes: “abt 1 hour”, comments: “Spherical flashing lights, hovering in the northwestern sky, no sound. ((NUFORC Note: Possible sighting of celestial body?? PD))” }, { datetime: “1/4/2010”, city: “cleveland”, state: “oh”, country: “us”, shape: “triangle”, durationMinutes: “downtown”, comments: “is it a ufo” }, { datetime: “1/4/2010”, city: “whittier”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “3 seconds”, comments: “Thick bright light travels across southern California then disappears?” }, { datetime: “1/4/2010”, city: “ben wheeler”, state: “tx”, country: “us”, shape: “light”, durationMinutes: “2-3 minutes”, comments: “Very bright light, flying lower than a jet; appeared to be tracking another light. ((NUFORC Note: Satellites?? PD))” }, { datetime: “1/4/2010”, city: “san pablo”, state: “ca”, country: “us”, shape: “unknown”, durationMinutes: “4 hours”, comments: “Extremely high, hovering object blinking various colors with red light on top seen from San Pablo. ((NUFORC Note: Sirius?? PD))” }, { datetime: “1/4/2010”, city: “cedar rapids”, state: “ia”, country: “us”, shape: “light”, durationMinutes: “15 min”, comments: “Two very bright white lights come close together in the northwest sky and one dissapears…” }, { datetime: “1/4/2010”, city: “el cajon”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “noticed from dusk to dawn”, comments: “"Fake stars" over San Diego, CA” }, { datetime: “1/5/2010”, city: “princeton”, state: “in”, country: “us”, shape: “disk”, durationMinutes: “15 seconds”, comments: “Flying Saucer hovering above ground.” }, { datetime: “1/5/2010”, city: “chula vista”, state: “ca”, country: “us”, shape: “oval”, durationMinutes: “10 seconds”, comments: “One Oval Spining above Chula Vista” }, { datetime: “1/5/2010”, city: “colonia”, state: “nj”, country: “us”, shape: “unknown”, durationMinutes: “15 min”, comments: “loud aircraft that could be heard for up to 15 minutes at its lowest rummble.” }, { datetime: “1/5/2010”, city: “clinton”, state: “nj”, country: “us”, shape: “cigar”, durationMinutes: “3 weeks”, comments: “Traveling to Pennylvania.” }, { datetime: “1/5/2010”, city: “new paltz”, state: “ny”, country: “us”, shape: “triangle”, durationMinutes: “45 seconds”, comments: “Black Triangular Aircraft w/ Three White Lights Flying Low in New Paltz, NY” }, { datetime: “1/5/2010”, city: “rockwell”, state: “nc”, country: “us”, shape: “cigar”, durationMinutes: “40 seconds”, comments: “Brilliant silver/white silent object flew into sight, slowed, paused then faded from sight.” }, { datetime: “1/5/2010”, city: “anderson”, state: “sc”, country: “us”, shape: “light”, durationMinutes: “seven minutes”, comments: “Orange light that set down in woods, got brighter, then left” }, { datetime: “1/6/2010”, city: “san diego”, state: “ca”, country: “us”, shape: “light”, durationMinutes: “20 minutes”, comments: “Unusual silent, orange glowing light stopping changing direction and discharging sudstance.” }, { datetime: “1/6/2010”, city: “pacific palisades”, state: “ca”, country: “us”, shape: “teardrop”, durationMinutes: “5 minutes”, comments: “I was at home in my condo at night.My condo faces the back of the 16 unit building.” }, { datetime: “1/6/2010”, city: “searcy”, state: “ar”, country: “us”, shape: “disk”, durationMinutes: “1 hour”, comments: “disc shape hovering above Searcy, AR” }, { datetime: “1/7/2010”, city: “southampton”, state: “ny”, country: “us”, shape: “formation”, durationMinutes: “30 sec”, comments: “7 dim lights triangular formation 30 sec easterly direction off long island ny” }, { datetime: “1/7/2010”, city: “mansfield”, state: “ma”, country: “us”, shape: “light”, durationMinutes: “3 min”, comments: “Bright lights aligned with Castor and Pollux” }, { datetime: “1/7/2010”, city: “edgartown”, state: “ma”, country: “us”, shape: “circle”, durationMinutes: “50 sec.”, comments: “UFO Sighting 01/07/12010 My wife and I were sitting in our hot tub when we saw it. It was almost overhead traveling from west to eas” }, { datetime: “1/7/2010”, city: “windham”, state: “nh”, country: “us”, shape: “light”, durationMinutes: “2 seconds”, comments: “Bright white flash on the southwestern horizon” }, { datetime: “1/7/2010”, city: “west boylston”, state: “ma”, country: “us”, shape: “light”, durationMinutes: “approx. 1 sec.”, comments: “Bright Florissant-green, circular light arching downward with a trail of the same color. ((NUFORC Note: Possible meteor? PD))” }, { datetime: “1/7/2010”, city: “westbrook”, state: “ct”, country: “us”, shape: “triangle”, durationMinutes: “2-3 minutes”, comments: “Very large (747ish), low flying, slow moving (30-50 mph), and absolutely silent triangular object w/3 lights.” }, { datetime: “1/8/2010”, city: “fort worth”, state: “tx”, country: “us”, shape: “chevron”, durationMinutes: “20 minutes”, comments: “Colorful and bright huge objects in sky.” }, { datetime: “1/8/2010”, city: “tomball”, state: “tx”, country: “us”, shape: “unknown”, durationMinutes: “10-15 seconds”, comments: “Four straight ,horizontal lights on one 40-60' structure, 150-200 ft in the air just above the tree line (Tomball TX)” }, { datetime: “1/8/2010”, city: “port saint lucie”, state: “fl”, country: “us”, shape: “fireball”, durationMinutes: “2 -3 minutes”, comments: “Red ball surrounded by fire surrounded by a blue green circle over Port Saint Lucie Florida” }, { datetime: “1/8/2010”, city: “boulder”, state: “co”, country: “us”, shape: “triangle”, durationMinutes: “40 seconds”, comments: “A trangular craft with several, large, bright lights flew low and quick over the neighborhood” }, { datetime: “1/9/2010”, city: “london (canada)”, state: “on”, country: “ca”, shape: “disk”, durationMinutes: “10-20 mins”, comments: “very close encounter with what i truley cant imagine” }, { datetime: “1/9/2010”, city: “cleveland”, state: “tn”, country: “us”, shape: “other”, durationMinutes: “unknown”, comments: “my daughter went with her mother to look for a job, at hickery springs mfco.she toke a picture of her self seting in the drivers set. a” }, { datetime: “1/9/2010”, city: “francis creek”, state: “wi”, country: “us”, shape: “light”, durationMinutes: “1 hour”, comments: “multi-colored pulsating UFO, round white object falls out of it straight down toward the ground” }, { datetime: “1/9/2010”, city: “woodbridge”, state: “nj”, country: “us”, shape: “light”, durationMinutes: “nine minutes”, comments: “Saw two lights that were not planes.” }, { datetime: “1/9/2010”, city: “seattle”, state: “wa”, country: “us”, shape: “cylinder”, durationMinutes: “1 minute”, comments: “Reviewing my photos I came across a suspicious object in the upper right corner and it way flying at an odd angle. Too steep for a plan” }, { datetime: “1/9/2010”, city: “freedom (watsonville)”, state: “ca”, country: “us”, shape: “triangle”, durationMinutes: 20, comments: “((HOAX??)) 1/9/19 DURATION 20:00 FREEDOM CA IT WAS A TRIANGLE BUT FIRST IT WAS ONE LIGHT” }, { datetime: “1/9/2010”, city: “santa fe springs”, state: “ca”, country: “us”, shape: “sphere”, durationMinutes: “6 seconds”, comments: “Sphere like glowing objects hovering and then traveling in an incredibly fast speed then vanishing.” }, { datetime: “1/9/2010”, city: “saline”, state: “mi”, country: “us”, shape: “formation”, durationMinutes: “several hours”, comments: “Southeast sky early in the evening, Blue, Green and Red Lights. ((NUFORC Note: Possible sighting of Sirius?? PD))” }, { datetime: “1/9/2010”, city: “buffalo”, state: “ny”, country: “us”, shape: “light”, durationMinutes: “2 seconds”, comments: “Fast moving light curves in sky” }, { datetime: “1/9/2010”, city: “cincinnati”, state: “oh”, country: “us”, shape: “light”, durationMinutes: “not sure”, comments: “cinti,ohio 23:00 light in back yard” }, { datetime: “1/9/2010”, city: “paducah”, state: “ky”, country: “us”, shape: “unknown”, durationMinutes: “45 minutes”, comments: “I went outside for nightly smoke break and to gaze at the night sky. I noticed something that seemed like an out of place star only to” }, { datetime: “1/10/2010”, city: “uxbridge”, state: “ma”, country: “us”, shape: “sphere”, durationMinutes: “5 minutes”, comments: “Unidentified object, roughly spherical, hovering/moving very slowly, many lights, multiple colors.” }, { datetime: “1/10/2010”, city: “round rock”, state: “tx”, country: “us”, shape: “light”, durationMinutes: “2 seconds”, comments: “3 Fast-moving lights over Round Rock Texas” }, { datetime: “1/10/2010”, city: “san jacinto”, state: “ca”, country: “us”, shape: “unknown”, durationMinutes: “5 secondes”, comments: “A bright light hitting us while leaving at high speed” }, { datetime: “1/10/2010”, city: “norton”, state: “ma”, country: “us”, shape: “triangle”, durationMinutes: “1 min”, comments: “strange craft with amazing speed.” }, { datetime: “1/10/2010”, city: “hancock”, state: “md”, country: “us”, shape: “sphere”, durationMinutes: “2 minutes”, comments: “Photo taken of silver colored sphere in Western Maryland.” }, { datetime: “1/10/2010”, city: “cary”, state: “nc”, country: “us”, shape: “changing”, durationMinutes: “15 min”, comments: “Object appears and hovers, strange maneuvering.” }, { datetime: “1/10/2010”, city: “tularosa”, state: “nm”, country: “us”, shape: “other”, durationMinutes: “5 min.”, comments: “green figure 8 followed by military aircraft” }, { datetime: “1/10/2010”, city: “eunice”, state: “la”, country: “us”, shape: “oval”, durationMinutes: “15:00 mins”, comments: “Two objects meet then leave each other one to the east and one to the west” }, { datetime: “1/10/2010”, city: “butler”, state: “mo”, country: “us”, shape: “chevron”, durationMinutes: “1-2 minutes”, comments: “((HOAX??)) I was heading driving to the store when I seen a red and yellow lighted craft in the air flying 1000 ft or less strobing.” }, { datetime: “1/10/2010”, city: “lompoc”, state: “ca”, country: “us”, shape: “fireball”, durationMinutes: “6 sec”, comments: “huge bright orange sphere appeared and dissapeared” }, { datetime: “1/10/2010”, city: “pratt”, state: “ks”, country: “us”, shape: “circle”, durationMinutes: “6 seconds”, comments: “4 rings of light accompanied by a single ring of light” }, { datetime: “1/11/2010”, city: “taunton”, state: “ma”, country: “us”, shape: “unknown”, durationMinutes: “10 seconds”, comments: “((HOAX??)) saw a strange object in the night sky” }, { datetime: “1/11/2010”, city: “lakeland”, state: “fl”, country: “us”, shape: “other”, durationMinutes: “1 minute”, comments: “Neon blue light in the sky disappears and then phone call is interrupted by unknown sound .” }, { datetime: “1/11/2010”, city: “fort myers”, state: “fl”, country: “us”, shape: “fireball”, durationMinutes: “15 seconds”, comments: “Bright fireball seen over Naples area of SW Florida.” }, { datetime: “1/11/2010”, city: “fairfield”, state: “ca”, country: “us”, shape: “oval”, durationMinutes: “unknown”, comments: “Shape was black in color” }, { datetime: “1/11/2010”, city: “joplin”, state: “mo”, country: “us”, shape: “triangle”, durationMinutes: “5 to 10 sec.”, comments: “V shaped, extreamly fast, silent and the color was orange.” }, { datetime: “1/11/2010”, city: “leatherwood”, state: “ky”, country: “us”, shape: “other”, durationMinutes: “5 minutes”, comments: “3 SQUARE-SHAPED OBJECTS WITH RED LIGHTS IN A TRIANGULAR FORM – KENTUCKY” }, { datetime: “1/11/2010”, city: “ingleside (canada)”, state: “on”, country: “ca”, shape: “triangle”, durationMinutes: “5 minutes”, comments: “triangle shaped craft with four coloured lights” }, { datetime: “1/12/2010”, city: “fayetteville”, state: “wv”, country: “us”, shape: “sphere”, durationMinutes: “7 minuts”, comments: “something followed my family and left a piece behind” }, { datetime: “1/12/2010”, city: “eugene”, state: “or”, country: “us”, shape: “unknown”, durationMinutes: “2 minutes”, comments: “Awaken by several episodes of BRIGHT FLASHING LIGHT and a very LOUD mysterous noise.” }, { datetime: “1/12/2010”, city: “springfield”, state: “or”, country: “us”, shape: “changing”, durationMinutes: “3 minutes”, comments: “black floating object with lights” }, { datetime: “1/12/2010”, city: “alma”, state: “ar”, country: “us”, shape: “other”, durationMinutes: “night”, comments: “((HOAX??)) a strange ball of fire, like after burners.” }, { datetime: “1/12/2010”, city: “wichita”, state: “ks”, country: “us”, shape: “teardrop”, durationMinutes: “5 minutes”, comments: “Orange teardrop-shape craft” }, { datetime: “1/12/2010”, city: “deep run”, state: “nc”, country: “us”, shape: “other”, durationMinutes: “10 seconds”, comments: “Car like object in the sky” }, { datetime: “1/12/2010”, city: “waukesha”, state: “wi”, country: “us”, shape: “disk”, durationMinutes: “15minutes”, comments: “five glowning globes over waukesha,wi” }, { datetime: “1/12/2010”, city: “ceres”, state: “ca”, country: “us”, shape: “fireball”, durationMinutes: “30 seconds”, comments: “Fireballs seen from Ceres, California” }, { datetime: “1/13/2010”, city: “white oak”, state: “pa”, country: “us”, shape: “triangle”, durationMinutes: “30 seconds”, comments: “Blinking lights on a rectanglar shaped object spotted in the sky in White Oak, PA.” }, { datetime: “1/13/2010”, city: “ackerman”, state: “ms”, country: “us”, shape: “light”, durationMinutes: “2 hours”, comments: “A bright light hovering in the southwestern sky. ((NUFORC Note: Possible sighting of Sirius. PD))” }, { datetime: “1/13/2010”, city: “gulf breeze”, state: “fl”, country: “us”, shape: “unknown”, durationMinutes: “4 minutes”, comments: “Bright orange object, rapid speed and direction changes ..” } ];
The Truth is Out There
Filter Search
Filter Table
| Date | City | State | Country | Shape | Duration | Comments |
|---|
UFO Sightings
1. Create a directory for the Javascript challenge. Use the folder names to correspond to the challenges: UFO- level-1 and UFO-level-2.
2. Add your html files to this folder as well as your static
folder containing your javascript. This will be the main script to run for analysis.
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.
o 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
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
* { box-sizing: border-box; font-family: Ubuntu, sans-serif; } html, body { height: 100%; padding: 0; margin: 0; } /* The wrapper contains all of the page’s content besides the footer, which is pushed to the bottom of the page */ .wrapper { position: relative; min-height: 100%; padding-bottom: 130px; overflow: auto; } /* The footer is positioned at the bottom of the page */ .footer { position: absolute; right: 0; bottom: 0; left: 0; min-height: 100px; background: #4e5d6c; } /* The code styles the text at the bottom of the footer */ .footer > .bottom { position: absolute; right: 0; bottom: 0; left: 0; padding: 5px; background: #1b3146; } .navbar { padding: 5px; margin: 0; } /* This CSS styles the ufo icon in the navbar */ .nav-ufo { position: absolute; bottom: 5px; left: 150px; width: 35px; color: white; } /* Adding styles to the aside and filter form */ .ufo-form { margin-top: 50px; } .filters .panel-body { padding: 0; } .filters { margin-top: 10px; } select { display: block; width: 100%; padding: 8px; color: #8e979f; outline: none; } #table-area th { text-align: center; } #table-area th:first-child, #table-area th:nth-child(2), #table-area th:nth-child(6) { min-width: 70px; } .loader { margin-top: 50px; } .margin-top-50 { margin-top: 50px; } /* The styles for the parallax */ .hero { position: relative; height: 550px; padding: 20px; margin: 0; background: black; background-image: url(“../images/nasa.jpg”); background-attachment: fixed; background-position: bottom center; background-size: cover; } .hero h1 { margin-top: 200px; font-size: 0.1rem; animation: title 1.2s forwards linear; } .hero p { font-size: 2rem; opacity: 0; animation: subtitle 1.2s forwards linear; animation-delay: 1.2s; } /* input placeholder color changes */ .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8e979f; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: #8e979f; } .form-control:-ms-input-placeholder { /* IE 10+ */ color: #8e979f; } .form-control:-moz-placeholder { /* Firefox 18- */ color: #8e979f; } /* media queries which will only be activated at specific screen sizes */ @media (max-width: 800px) { #table-area td { font-size: 1em; } } @media (max-width: 500px) { #table-area thead { display: none; } #table-area tr td:first-child { font-size: 1.8em; font-weight: bold; background: #1b3146; } #table-area tr td:last-child { margin-bottom: 20px; } #table-area tr td:last-child::after { display: block; width: 100%; height: 1px; margin-top: 20px; content: ” “; background: aliceblue; } #table-area td { font-size: 1.25em; } #table-area tbody td { display: block; text-align: center; } #table-area tbody td::before { display: block; font-size: 1.4em; font-weight: bold; text-align: center; content: attr(data-th); } .hero h1 { animation: smaller-title 1.2s forwards linear; } } /* keyframe animations which will be used to animate the title */ @keyframes title { from { opacity: 0; } to { font-size: 7.5rem; opacity: 1; } } @keyframes smaller-title { from { opacity: 0; } to { font-size: 5.5rem; opacity: 1; } } @keyframes subtitle { from { opacity: 0; } to { opacity: 1; } }
ASSIGNMENT 08 S01 Introduction to Psychology I Directions: Be sure to save an electronic copy…
Include a comprehensive, thoughtful and critical analysis to the arguments and perspectives of the readings…
Discussion Prompt: Plagiarism As a writer, one of the gravest errors to make is to…
Question 1: Write a Hypothetical. Write a legal memorandum analyzing what happened in the following…
You work at Happy Joe's family restaurant and want to see if customer meal satisfaction…
The Assignment must be submitted on Blackboard (WORD format only) via allocated folder. Assignments submitted…