fetch api is not working

[Ridhi0730]

const BASE_URL= "https://v6.exchangerate-api.com/v6/8da4da60cbe57dec9ced89c8/latest/USD"

const dropdown = document.querySelectorAll(".dropdown select");

const btn = document.querySelector("button");

const fromCurr = document.querySelector(".from select");
const toCurr = document.querySelector(".to select");

for (let select of dropdown) {
for (let currcode in countryList) {
let newOption = document.createElement("option");
newOption.innerText = currcode;
newOption.value = currcode;
if (select.name === "from" && currcode === "USD"){
newOption.selected = "selected";
}else if (select.name === "to" && currcode === "INR"){
newOption.selected = "selected";}
select.append(newOption);
}
select.addEventListener("change",(evt) => {
updateFlag(evt.target);
})
}

const updateExchangeRate = async () => {
let amount = document.querySelector(".amount input");
let amtval = amount.value;
if (amtval === "" || amtval < 1) {
amtval = 0;
amount.value = "0";
}

// console.log(fromCurr.value,toCurr.value);
const URL = `${BASE_URL}/${fromCurr.value.toLowerCase()}/${toCurr.value.toLowerCase()}.json`;
let response = await fetch(URL);
    console.log(response);

}

const updateFlag = (element) =>{
let currcode = element.value;
// console.log(currcode);
countryCode = countryList[currcode];
let newsrc = https://flagsapi.com/${countryCode}/flat/64.png
let img = element.parentElement.querySelector("img");
img.src = newsrc;
}

btn.addEventListener("click", (evt) => {
evt.preventDefault();
updateExchangeRate();
} )

[junaid-khalil]

const URL = ${BASE_URL}/${fromCurr.value.toLowerCase()}.json;
let response = await fetch(URL);
let data = await response.json();
let rate = data[fromCurr.value.toLowerCase()][toCurr.value.toLowerCase()];
let finalAmount = amtVal * rate;
msg.innerText = ${amtVal} ${fromCurr.value} = ${finalAmount} ${toCurr.value};

Replace this code with old code then it works