Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

107
Visualizações
OpenWeather API endpoint fetch

https://javascript.plainenglish.io/display-7-day-weather-forecast-with-openweather-api-aac8ba21c9e3

I'm having trouble implementing this into my project. I can't get it to display weather on the page. I believe I need to render it to the page?

    forecastEl[0].classList.add('loaded');

    response.json().then(function (data) {
        var fday = "";
        data.daily.forEach((value, index) => {
            if (index > 0) {
                var dayname = new Date(value.dt * 1000).toLocaleDateString("en", {
                    weekday: "long",
                });
                var icon = value.weather[0].icon;
                var temp = value.temp.day.toFixed(0);
                fday = `<div class="forecast-day">
                    <p>${dayname}</p>
                    <p><span class="ico-${icon}" title="${icon}"></span></p>
                    <div class="forecast-day--temp">${temp}<sup>°C</sup></div>
                </div>`;
                forecastEl[0].insertAdjacentHTML('beforeend', fday);
            }
        });
    });

Thank you!

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda