"You don't need to hard-code "Today" and "Tomorrow" at all, the OpenWeather API already gives you a daily array, so the simplest approach is to loop over it and generate the HTML dynamically. Basic flow: Call the API and decode the JSON Make sure the response actually contains daily Loop over the first 2 days and output your markup $response = file_get_contents($url); $data = json_decode($response, true); if (!isset($data['daily']) || !is_array($data['daily'])) { echo 'No forecast data available'; return; }"
"foreach (array_slice($data['daily'], 0, 2) as $index => $day) { $label = ($index === 0) ? 'Today' : 'Tomorrow'; $maxTemp = round($day['temp']['max']); $minTemp = round($day['temp']['min']); $icon = $day['weather'][0]['icon']; echo " <div class='container'> <div class='header'>{$label}</div> <img src='https://openweathermap.org/img/wn/{$icon}@2x.png'> <div>Max: {$maxTemp}°C</div> <div>Min: {$minTemp}°C</div> </div> "; }"
Call the OpenWeather API and decode the returned JSON. Verify that the response contains a 'daily' key and that it is an array before proceeding. Loop over the first two items of the daily array to generate markup for Today and Tomorrow. Extract and round max and min temperatures, get the weather icon, and output the HTML structure with those values. Check for unexpected responses to avoid errors like "Cannot access offset of type string on string." Use a conditional to assign different classes for the first item versus subsequent items.
Read at SitePoint Forums | Web Development & Design Community
Unable to calculate read time
Collection
[
|
...
]