covid-19Tracker.github.io/Covid.html at master · nagasrisai/covid-19Tracker.github.io · 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
42
43
<!DOCTYPE html>
<html>
<head>
    <title>Covid-19 Tracker</title>
    <link rel="stylesheet" href="cvv.css">
</head>
<body onload="getData(), getWorldDetails(), populateCountryNames()">
    <div>
        <div class="heading">
            <h1 style="font-size: 45px">World</h1>
        </div>

        <div class="worldtracker">
            <div class="worldtracker_child" style="background-color: yellow">Confirmed: <span id = "confirm" ></span></div>
            <div class="worldtracker_child" style="background-color: green">Recovered: <span id = "recovered" ></span></div>
            <div class="worldtracker_child" style="background-color: red">Deaths: <span id = "deaths" ></span></div>
        </div>
        <div>
<div class="Drop-down">
<select id="select" onchange="getCountryDetail()">  </select>
</div>
  <div>
      <div class="Tracker">
      <h1>
        Currently showing <span id = "country"></span>
      </h1>
      </div>
      <div class="worldtracker">
        <div class="worldtracker_child" style="background-color: yellow">Confirmed: <span id = "country-confirm" ></span></div>
            <div class="worldtracker_child" style="background-color: green">Recovered: <span id = "country-recovered" ></span></div>
            <div class="worldtracker_child" style="background-color: red">Deaths: <span id = "country-deaths" ></span></div>
        </div>
  </div>
        </div>
        <div class = "footer">
        <h2 class="footer-child">Stay hom Stay safe</h2>
        <h1 class = "footer-child">Jai Hind</h1>
    </div>
    </div>

    <script src="get.js"></script>
</body>
</html>