Mixed Content: The page at 'https://s.codepen.io/PipsChips/pen/XpYvdm?editors=0010' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.openweathermap.org/data/2.5/weather?......'. This request has been blocked; the content must be served over HTTPS.
rem- what are you looking for help with exactly? :p
document.body.style.display = 'none';makes a little sense ;)
vhquestion, I think it'll help to have less code. You have a lot of complicated things going on in your web page right now.