LocalWeatherLookup/index.html at main · zagrosjawar/LocalWeatherLookup · 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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>JASON and APIs</title>
		<link rel="stylesheet" href="css/styles.css" />
	</head>
	<body>
		<h1>Weather Forecast</h1>
		<label for="addressInput">Enter an address:</label>
		<input type="text" id="addressInput" name="addressInput" placeholder="Lars Hilles gate 30" autofocus/>
		<button id="getWeatherBtn" type="submit">Get Weather</button>

		<!-- Error message and location address -->
		<p id="errorMessage"></p>
		<p id="address"></p>

		<table id="weatherTable">
			<thead>
				<tr>
					<th>Time</th>
					<th>Temperature</th>
					<th>Preciptation</th>
					<th>Weather</th>
				</tr>
			</thead>
			<tbody>
				<!-- Weather data will be inserted here -->
			</tbody>
		</table>

		<footer>
        		<a href="https://github.com/zagrosjawar/LocalWeatherLookup" target="_blank">View Source on GitHub</a>
    		</footer>

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