NEW-BE вызывает и отображает API в браузере

Question

Я пытался учиться, но это убивает меня. Я смог вызвать и отобразить результаты запроса API с помощью сервера node.js с Express, используя приведенный ниже код.

Теперь я хочу сделать то же самое из браузера, поэтому у меня нет иметь сервер, работающий для использования этого или других API.

Я просто не могу найти нужные команды и синтаксис. Сейчас меня не интересует форматирование результатов, я просто хочу их получить.

Спасибо.

const express = require("express");
const app = express();
const https = require("https");


app.get("/", function (req, res) {
    const url = "https://api.openweathermap.org/data/2.5/weather?zip=85249,us&appid=923779ee1f6a3b4eda92cb153447c361&units=imperial"
    https.get(url, function (responce) {
        console.log(responce.statusCode);
        responce.on("data", function (data) {
            // puts json in a nice formatt  
            const weatherData = JSON.parse(data)
            const temp = weatherData.main.temp
            const location = weatherData.name
            const weather = weatherData.weather[0].main
            const icon = weatherData.weather[0].icon
            const imageURL = "http://openweathermap.org/img/wn/" + icon + "@2x.png"

            res.write("<h1> Current temp in " + location + " is " + temp + "</h1>")
            res.write("<p> the sky is " + weather + "<img src =" + imageURL + "></p>")

            res.send()

        })

    });

    // res.send("server running");
});

app.listen(3000, function () {
    console.log(" server listening on port 3000.");
});