0

I'm using node.js, express to a weather app, but the css is not loading, I did followed this link Text, but not success so far and I do have the css inside a public folder.

html

 <link rel="stylesheet" href="/css/style.css">

js

//local server up and running
const express = require("express");

//node internal request
const https = require("https");

const app = express();

//css
app.use(express.static(__dirname + "public"));

app.get("/", function (req, res) {

    const query = "Liverpool";
    const apiKey = "3af2a1822cfe6d31e4317ac9c4b5d531";
    const unit = "metric";
    const url = "https://api.openweathermap.org/data/2.5/weather?q=" + query +"&appid="+ apiKey + "&units=" + unit;

    https.get(url, function(response){
        console.log(response.statusCode);

        response.on("data", function(data){

            //convert hexadecimal to js
            const weatherData = JSON.parse(data);

            //asking the items that we want
            const temp = weatherData.main.temp;
            const weatherDescription = weatherData.weather[0].description;
            const cityName = weatherData.name;
            const icon = weatherData.weather[0].icon;
            const imgURL = "https://openweathermap.org/img/wn/" + icon + "@2x.png";

            res.write("<p>The weather is currently " +weatherDescription + "</p>");
            res.write("<h1>The temperature in " + cityName + " is " + Math.round(temp) + " degree Celsius</h1>");
            res.write("<img src=" + imgURL + ">");

           res.send();
        })
    });
})
Felipe Ribeiro
  • 3
  • 1

1 Answers1

0

Try clearing cache and hard reload. Click ctrl + shift + i, right click on browser refresh button and select 3rd option.

Omkar Godse
  • 81
  • 1
  • 8