Weather App

const descriptions = [
  {
        description:"Clear sky",
        codes:[0],
    },
    {
        description:"Mainly clear, partly cloudy, and overcast",
        codes:[1,2,3],
    },
    {
        description:"Fog and depositing rime fog",
        codes:[45,48],
    },
    // etc
]

const description_lookup = (() => {
    let temp = {};
    descriptions.forEach(({codes}, i) => codes.forEach(code => temp[code] = i));
    return temp;
})();

const get_description = (code) => {
    let index = description_lookup[code];
    if(!index) return;
    return descriptions[index]?.description;
};

get_description(2) //=> "Mainly clear, partly cloudy, and overcast" 
get_description(45) //=> "Fog and depositing rime fog"
get_description(4) //=> undefined

const descriptions = [
  {
        description:"Clear sky",
        codes:[0],
    },
    {
        description:"Mainly clear, partly cloudy, and overcast",
        codes:[1,2,3],
    },
    {
        description:"Fog and depositing rime fog",
        codes:[45,48],
    },
    // etc
]

const description_lookup = (() => {
    let temp = {};
    descriptions.forEach(({codes}, i) => codes.forEach(code => temp[code] = i));
    return temp;
})();

const get_description = (code) => {
    let index = description_lookup[code];
    if(!index) return;
    return descriptions[index]?.description;
};

get_description(2) //=> "Mainly clear, partly cloudy, and overcast" 
get_description(45) //=> "Fog and depositing rime fog"
get_description(4) //=> undefined

const descriptions = [
 //Same as above
]
let arr = []
descriptions.forEach(({description,codes}) => codes.forEach(code => arr[code] = description));
console.log(`[${arr.map(v => typeof v == "string" ? `"${v}"` : v).join(', ')}]`);

const descriptions = [
 //Same as above
]
let arr = []
descriptions.forEach(({description,codes}) => codes.forEach(code => arr[code] = description));
console.log(`[${arr.map(v => typeof v == "string" ? `"${v}"` : v).join(', ')}]`);

wmoCodes={
  0: {description: "Clear Sky", iconId: 0},
  1: {description: "Mainly clear", iconId: 1},
  2: {description: "Partly cloudy", iconId: 1},
etc...
}
wmoIcons={
  0: "icon.png",
  1: "someothericon.png",
etc...
}

wmoCodes={
  0: {description: "Clear Sky", iconId: 0},
  1: {description: "Mainly clear", iconId: 1},
  2: {description: "Partly cloudy", iconId: 1},
etc...
}
wmoIcons={
  0: "icon.png",
  1: "someothericon.png",
etc...
}

const weatherCodes = [
    {
        codes:[0],
        description:"Clear sky",
        iconUrl: link
    }
]

const weatherCodes = [
    {
        codes:[0],
        description:"Clear sky",
        iconUrl: link
    }
]

const weather_codes = {
  0:{
    description:"Clear sky",
    icon:"fa-solid fa-idk", //Or however you'll do icons
  },
  1:{
    description:"Mainly clear",
    icon:"fa-solid fa-idk",
  },
  2:{
    description:"Partly cloudy",
    icon:"fa-solid fa-idk",
  },
  3:{
    description:"Overcast",
    icon:"fa-solid fa-idk",
  },
  //45:{ etc..
}

const weather_codes = {
  0:{
    description:"Clear sky",
    icon:"fa-solid fa-idk", //Or however you'll do icons
  },
  1:{
    description:"Mainly clear",
    icon:"fa-solid fa-idk",
  },
  2:{
    description:"Partly cloudy",
    icon:"fa-solid fa-idk",
  },
  3:{
    description:"Overcast",
    icon:"fa-solid fa-idk",
  },
  //45:{ etc..
}

    95:{
        description:"Thunderstorm: Slight or moderate",
        icon:"🌧️"
    },
    96:{
        description:"Thunderstorm with heavy hail",
        icon:"🌧️❄️"
    }

    95:{
        description:"Thunderstorm: Slight or moderate",
        icon:"🌧️"
    },
    96:{
        description:"Thunderstorm with heavy hail",
        icon:"🌧️❄️"
    }

document.querySelector(".submit").addEventListener("click", () => {
    getWeather(document.querySelector(".lat").value, document.querySelector(".long").value)
})

document.querySelector(".submit").addEventListener("click", () => {
    getWeather(document.querySelector(".lat").value, document.querySelector(".long").value)
})