the assignment is herehttps://mega.nz/folder/vUdSzQgS#tMhulxmb4Vf6WGJvfGTqbw

1 answer below »
the assignment is herehttps://mega.nz/folder/vUdSzQgS#tMhulxmb4Vf6WGJvfGTqbw
Answered Same DayApr 11, 2021

Answer To: the assignment is herehttps://mega.nz/folder/vUdSzQgS#tMhulxmb4Vf6WGJvfGTqbw

Neha answered on Apr 13 2021
163 Votes
Weather-Dashboard-master/assets/css/style.css
.navbar-brand {
font-size: 36px;
}
.search-header {
font-size: 24px;
font-weight: bold;
}
.city-name {
font-size: 30px;
}
.forecast-date
{
font-size: 18px;
}
Weather-Dashboard-master/assets/images/weather-dashboard-snip.JPG
Weather-Dashboard-master/assets/js/script.js
function initPage() {
const inputEl = document.getElementById("city-input");
const searchEl = document.getElementById("search-button");
const clearEl = document.getElementById("clear-history");
const nameEl = document.getElementById("city-name");
const currentPicEl = document.getElementById("current-pic");
const currentTempEl = document.getElementById("temperature");
const currentHumidityEl = document.getElementById("humidity");4
const currentWindEl = document.getElementById("wind-speed");
const currentUVEl = document.getElementById("UV-index");
const historyEl = document.getElementById("history");
let searchHistory = JSON.parse(localStorage.getItem("search")) || [];
console.log(searchHistory);

const APIKey = "c9a9ed03a355403f4cb9a36e931c0b4a";
function getWeather(cityName) {
let queryURL = "https://api.openweathermap.org/data/2.5/weather?q=" + cityName + "&appid=" + APIKey;
axios.get(queryURL)
.then(function(response){
console.log(response);
const currentDate = new Date(response.data.dt*1000);
console.log(currentDate);
const day = currentDate.getDate();
const month = currentDate.getMonth() + 1;
const year = currentDate.getFullYear();
nameEl.innerHTML = response.data.name + " (" + month + "/" + day + "/" + year + ") ";
let weatherPic = response.data.weather[0].icon;
currentPicEl.setAttribute("src","https://openweathermap.org/img/wn/" + weatherPic + "@2x.png");
currentPicEl.setAttribute("alt",response.data.weather[0].description);
currentTempEl.innerHTML = "Temperature: " +...
SOLUTION.PDF

Answer To This Question Is Available To Download

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here