DEV Community

Cover image for Simple weather API Project Javascript | Weather App Javascript
Code with Random
Code with Random

Posted on

Simple weather API Project Javascript | Weather App Javascript

https://www.codewithrandom.com/2022/05/simple-weather-api-project.html

Image description
Learners, In this article we are going to design a very important and impressive project which is Simple weather API Project in Javascript with detailed functionality.

<div class="container">  
  <div class="title">  
   <h1 id="city"></h1>  
   <div id="graphic" class="weather-icon"></div>  
   <div id="description" class='important-info text'></div>  
   <div id="farenheit" class="temp-info"></div>  
   <div id="celsius" class="temp-info"></div>  
  </div>  
 </div>  
 <div class="description-container">  
  <div class="block-1">  
   <div class="text">  
    <span>Max</span>  
    <span id="max" class="important-info"> </span>  
   </div>  
   <div class="text">  
    <span>Min</span>  
   <span id="min" class='important-info'> </span>  
   </div>  
  </div>  
  <div class="block-2">  
   <div id="longitude" class=" text important-info">Lon: </div>  
   <div id="latitude" class="text important-info">Lat: </div>  
  </div>  
  <div class="block-3">  
   <div id="humidity" class="text important-info">Humidity: </div>  
   <div id="pressure" class="text important-info">Pressure: </div>  
   <div id="windSpeed" class="text important-info">Winds: </div>  
  </div>  
 </div>  
 <div class="container-button">  
    <div class="switch-button">  
     <span class="active"></span>  
     <button class="text switch-button-case left active-case">Celsius</button>  
     <button class="text switch-button-case right">Farenheit</button>  
    </div>  
 </div>  [read more](https://www.codewithrandom.com/2022/05/simple-weather-api-project.html)
Enter fullscreen mode Exit fullscreen mode

Top comments (0)