JavaScript-Day/index.html at master · sadness-life/JavaScript-Day · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Type Ahead 👀</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

  <form class="search-form">
    <input type="text" class="search" placeholder="City or State">
    <ul class="suggestions">
      <li>Filter for a city</li>
      <li>or a state</li>
    </ul>
  </form>
<script>
  const endpoint = 'https://gist.githubusercontent.com/Miserlou/c5cd8364bf9b2420bb29/raw/2bf258763cdddd704f8ffd3ea9a3e81d25e2c6f6/cities.json';
  let cities = [];
  fetch(endpoint)
  .then(blob => blob.json())
  .then(function (data) {
  console.log(data);
  cities = [...data];
})

  function place (wordToSearch) {
    // bodyfor()JustKeepMeOnStreak
  }

  function findMatches (wordToSearch, cities) {
    return cities.filter(place(wordToSearch));
  }


</script>
  </body>
</html>