How do I get the result in the image? Here is my code for a weather forecast in php: Here is my code: Forecast Weather using PHP $data['list'][0]['weather'][0]['description'], 'icon' => $data['list'][0]['weather'][0]['icon'], 'maxtemp' => $data['list'][0]['temp']['max'], 'mintemp' => $data['list'][0]['temp']['min'], 'humidity' => $data['list'][0]['humidity'], 'speed' => $data['list'][0]['speed'] ); return $weather; } if (isset($_POST['city'])) { $city = $_POST['city']; $forecast = getForecast($city); if ($forecast) { echo ' ' . $city . ' Weather Forecast ' . date("l g:i a", $currentTime) . ' ' . date("jS F, Y", $currentTime) . ' ' . ucwords($forecast['description']) . ' High ' . $forecast['maxtemp'] . '°C Low ' . $forecast['mintemp'] . '°C Humidity: ' . $forecast['humidity'] . ' % Wind: ' . $forecast['speed'] . ' km/h '; } } else { echo ' City: '; } ?>
How do I get the result in the image?
Here is my code for a weather forecast in php:
Here is my code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Forecast Weather using PHP</title>
<style>
.report-container {
border: #E0E0E0 1px solid;
padding: 20px 40px 40px 40px;
border-radius: 2px;
margin: 0 auto;
color: #929292;
}
.weather-icon {
vertical-align: middle;
margin-right: 20px;
}
.weather-forecast {
color: #212121;
font-size: 1.2em;
font-weight: bold;
margin: 20px 0px;
}
span.min-temperature {
margin-left: 15px;
color: #929292;
}
.time {
line-height: 25px;
}
</style>
</head>
<body>
<div class="report-container">
<?php
function getForecast($city) {
$country = "US";
$url = "http://api.openweathermap.org/data/2.5/forecast/daily?q=" . $city . "," . $country . "&units=metric&cnt=1&lang=en&appid=c0c4a4b4047b97ebc5948ac9c48c0559";
$json = file_get_contents($url);
$data = json_decode($json, true);
$weather = array(
'description' => $data['list'][0]['weather'][0]['description'],
'icon' => $data['list'][0]['weather'][0]['icon'],
'maxtemp' => $data['list'][0]['temp']['max'],
'mintemp' => $data['list'][0]['temp']['min'],
'humidity' => $data['list'][0]['humidity'],
'speed' => $data['list'][0]['speed']
);
return $weather;
}
if (isset($_POST['city'])) {
$city = $_POST['city'];
$forecast = getForecast($city);
if ($forecast) {
echo '
<h2>' . $city . ' Weather Forecast</h2>
<div class="time">
<div>' . date("l g:i a", $currentTime) . '</div>
<div>' . date("jS F, Y", $currentTime) . '</div>
<div>' . ucwords($forecast['description']) . '</div>
</div>
<div class="weather-forecast">
<img src="https://openweathermap.org/img/w/' . $forecast['icon'] . '.png" class="weather-icon" />
High ' . $forecast['maxtemp'] . '°C <span class="min-temperature">
Low ' . $forecast['mintemp'] . '°C</span>
</div>
<div class="time">
<div>Humidity: ' . $forecast['humidity'] . ' %</div>
<div>Wind: ' . $forecast['speed'] . ' km/h</div>
</div>';
}
} else {
echo '
<form method="POST" action="weatherforecast.php">
City: <input type="text" name="city"/><br/><br/>
<input type="submit" name="forecast" value="Get Forecast"/>
</form>
';
}
?>
</div>
</body>
</html>
Step by step
Solved in 7 steps with 5 images
