I am working on a project to create a web application that can suggest outfits based on the weather of a specific location.
Here is where I am at with the project so far: https://codepen.io/anchpags/pen/bMpjxX
<html>
<head>
<link rel="stylesheet" href="http://toolness.github.io/weather-outfit-fun/weather-outfit.css">
<script src="http://toolness.github.io/weather-outfit-fun/weather-outfit.js"></script>
<script>
function getForecastOutfit(forecast) {
if (forecast.temp.f > 0) {
return "http://some/picture";
}
return "http://toolness.github.io/weather-outfit-fun/img/eskimo-lomen-1915.jpg";
}
</script>
<title>What Should I Wear Today?</title>
</head>
<body>
<h1>What Should I Wear Today?</h1>
</body>
</html>
I am looking for assistance in utilizing the Custom Search API to fetch images based on the weather conditions.
For example, if the temperature is below 40 degrees, the search result page will display images of "warm outfits".
As a beginner in coding, I would greatly appreciate a detailed explanation on how to accomplish this task!