weather.js

//const { table } = require("node:console");

//const { table } = require("node:console");

function fetchWeather(){
    var request =new XMLHttpRequest();
    var apiKey='93a3f24b26df41eed8ba1285c87d85a8'
    var city=document.getElementById("temperature").value;
    console.log(city);
    var url= `https://api.openweathermap.org/data/2.5/forecast?q=${city}&appid=${apiKey}`;
    console.log(url)
    request.open('GET',url,true);
    request.onload=function(){
        var result=JSON.parse(this.response)
        table=document.createElement("table");
        table.border="2"
        table.align="center"
        row=table.insertRow(-1)
        cellH1=row.insertCell(-1)
        cellH2=row.insertCell(-1)
        cellH3=row.insertCell(-1)
        cellH1.innerHTML="DATE&TIME"
        cellH2.innerHTML="MIN_TEMPERATURE"
        cellH3.innerHTML="MAX_TEMPERATURE"
        result.list.forEach((day) =>
        {
            row1=table.insertRow(-1);
            cell1=row1.insertCell(-1);
            cell2=row1.insertCell(-1);
            cell3=row1.insertCell(-1);
            cell1.innerHTML=day.dt_txt;
            cell2.innerHTML=day.main.temp_max;
            cell3.innerHTML=day.main.temp_min;
            console.log(day)
        })
        document.getElementById("tempDisplay").append(table)
        
    }
    request.send();
    console.log("Fetching......")
}