" ); $("#temp_main").html(data.list[0].main.temp); $(".additional_info_top").html( data.list[0].main.temp_max+"°/"+ data.list[0].main.temp_min+"° Feels like "+ data.list[0].main.feels_like+"°" ); $("#weather_status").html( data.list[0].weather[0].main ); $(".himd_main_top_final").html("Humidity
"+data.list[0].main.humidity+"%"); $(".himd_main_top_final1").html("Wind Speed
"+data.list[0].wind.speed+" m/sec
"+data.list[0].wind.deg+" deg"); var all_hr='' for (var dta = 0; dta < 8; dta++){ let fin_date = (data.list[dta].dt_txt.split(" ")[1]).split(":")[0]+":00"; let fin_icon = data.list[dta].weather[0].icon; let fin_humd = data.list[dta].main.humidity; let fin_temp = data.list[dta].main.feels_like; let fin_temx = data.list[dta].main.temp_max; let fin_temm = data.list[dta].main.temp_min; all_hr += getText(fin_date,fin_icon,fin_humd,fin_temp,fin_temx,fin_temm); } $(".temp_hour").html(all_hr); var all_day = ''; var temp_day = ''; for (var dt1 in data.list){ if(temp_day != data.list[dt1].dt_txt.split(" ")[0]){ temp_day = data.list[dt1].dt_txt.split(" ")[0]; let k_d = temp_day.split("-")[2]+"/"+temp_day.split("-")[1]+"/"+temp_day.split("-")[0].slice(2,4); let fin_icon = data.list[dt1].weather[0].icon; let fin_humd = data.list[dt1].main.humidity; let fin_temp = data.list[dt1].main.feels_like; let fin_temx = data.list[dt1].main.temp_max; let fin_temm = data.list[dt1].main.temp_min; all_day += getText(k_d,fin_icon,fin_humd,fin_temp,fin_temx,fin_temm); } } $(".temp_hour1").html(all_day); $("#grnd_pre").html(data.list[0].main.grnd_level+" hPa"); $("#sea_pre").html(data.list[0].main.sea_level+" hPa"); $("#cloud").html(data.list[0].clouds.all+" %"); $("#visibility").html(data.list[0].visibility+" m"); var dkp1 = new Date(0); var dkp2 = new Date(0); dkp1.setUTCSeconds(data.city.sunrise); dkp2.setUTCSeconds(data.city.sunset) $("#rise_sun").html(dkp1.getHours()+":"+dkp1.getMinutes()); $("#set_sun").html(dkp2.getHours()+":"+dkp2.getMinutes()); } else{ Swal.fire({ icon: 'error', title: 'Oops...', text: 'The Location '+city+' is not found', footer:"Recheque the city" }); $(".cover_all").css("transform","scale(0)"); } } tempr(); } /*---------- predefined functions --------------*/ function fetch_data(){ var city = $("#city_name_in").val(); show_data(city); $(".cover_all").css("transform","scale(1)"); } function srch(event){ var char = event.which || event.keyCode; if (char == 13){ fetch_data(); } } function dark(){ $("body ,.map_location ,.fix ,.drop").css("background-color","black"); $("*").css("color","white"); $("input").css("color","black"); $(".additional_info_top , .time").css("color","gray"); } function light(){ $("body ,.map_location ,.fix ,.drop").css("background-color","white"); $("*").css("color","black"); $(".fa-chevron-right").css("color","white"); $("input").css("color","black"); $(".additional_info_top , .time").css("color","gray"); } function getText(time,icon,humd,temp,temp_min,temp_max){ return '

'+ '

'+time+'

'+ '

'+ ' '+ humd+ '%

'+ '

'+ temp+ '°

'+ '

'+ temp_max+'°/'+temp_min+'°'+ '

'+ '

'; } /*-------- main functions -------------*/ window.onload = function(){ light(); show_data("Chunar"); /*----------- Style and its finctions ------------*/ $(".fa-search").click(function(){ $(".search").css("left","0"); }); $(".go_back_search").click(function(){ $(".search").css("left","100%"); }); $(".fa-backward").click(function(){ $(".map_location").css("left","100vw"); }); $("#loc_but").click(function(){ $(".map_location").css("left","0vw"); }); $("#search_city_second").click(fetch_data); $("#reset").click(function(){ fetch_data(); }); $("#about").click(function(){ Swal.fire({ title: 'FEATURES', html: `

Live Location
Live Forcast
Daily Day Forcast
Hourly Forcast
Day/Night Mode
Clear UI
100% Functional

` }); }); $("#credit").click(function(){ Swal.fire({ title: 'CREDITS', html: `

Icon : Font Awsome Icons
Map : Google Map API
Weather API : Open Weather Map

` }); }); var counter0 = 0; $(".fa-ellipsis-v").click(function(){ if (counter0 == 0){ $(".drop").css("right","10px"); counter0 = 1; } else { $(".drop").css("right","-100px"); counter0 = 0; } }); var counter1 = 0 $("#dark_light").click(function(){ if (counter0 == 0){ $(this).html("Light Mode"); dark(); counter0 = 1; } else { $(this).html("Dark Mode"); light(); counter0 = 0; } }); /*-------- time fucnction -------------*/ function time(){ var d = new Date(); var sec = d.getSeconds(); var min = d.getMinutes(); var hor = d.getHours(); var dat = d.getDate(); var mon = d.getMonth(); var yer = d.getFullYear(); var day = d.getDay(); var d_y = d1[day]; var m_n = d2[mon]; if (sec<10){ sec = "0"+sec; } if (min<10){ min = "0"+min; } if (hor>12){ hor = hor -12 ; if (hor<10){ hor = "0"+hor; } var a_p = "PM" } else { var a_p = "AM"; if(hor<10){ hor = "0"+hor; } } $(".time").html(d_y+" "+dat+" "+m_n+" "+hor+":"+min+":"+sec+" "+a_p); if (a_p = "AM"){ $("#sun_moon_main").html() } } setInterval(time,1000); }

Weather App Pro [ 100% Functional ]