yhaskell · March 9, 2019 08:02
diff --git a/weather.html b/weather.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Weather in London</title>
 </head>
 <body>
  <p>Current weather in London:</p>
  <script>
    const token = 'xxxxx';
    const id = 2643743;

    fetch(`http://api.openweathermap.org/data/2.5/weather?id=${id}&units=metric&APPID=${token}`)
      .then(data => data.json())
      .then((data) => {
        const div = document.createElement('div');
        div.innerHTML = `${data.weather.map(w => w.description).join(', ')}, ${data.main.temp.toFixed(0)}ºC`;
        document.body.appendChild(div);
      });
  </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Weather in London</title>
	</head>
	<body>
	<p>Current weather in London:</p>
	<script>
	const token = 'xxxxx';
	const id = 2643743;

	fetch(`http://api.openweathermap.org/data/2.5/weather?id=${id}&units=metric&APPID=${token}`)
	.then(data => data.json())
	.then((data) => {
	const div = document.createElement('div');
	div.innerHTML = `${data.weather.map(w => w.description).join(', ')}, ${data.main.temp.toFixed(0)}ºC`;
	document.body.appendChild(div);
	});
	</script>
	</body>
	</html>