// Create our number formatter.var formatter =newIntl.NumberFormat('en-US',{style:'currency',currency:'USD',// These options are needed to round to whole numbers if that's what you want.//minimumFractionDigits: 0, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)//maximumFractionDigits: 0, // (causes 2500.99 to be printed as $2,501)});
formatter.format(2500);/* $2,500.00 */
// include api for currency changeconst api ="https://api.exchangerate-api.com/v4/latest/USD";// for selecting different controlsvar search =document.querySelector(".searchBox");var convert =document.querySelector(".convert");var fromCurrecy =document.querySelector(".from");var toCurrecy =document.querySelector(".to");var finalValue =document.querySelector(".finalValue");var finalAmount =document.getElementById("finalAmount");var resultFrom;var resultTo;var searchValue;// Event when currency is changed
fromCurrecy.addEventListener('change',(event)=>{
resultFrom =`${event.target.value}`;});// Event when currency is changed
toCurrecy.addEventListener('change',(event)=>{
resultTo =`${event.target.value}`;});
search.addEventListener('input', updateValue);// function for updating valuefunctionupdateValue(e){
searchValue = e.target.value;}// when user clicks, it calls function getresults
convert.addEventListener("click", getResults);// function getresultsfunctiongetResults(){fetch(`${api}`).then(currency=>{return currency.json();}).then(displayResults);}// display results after convertionfunctiondisplayResults(currency){let fromRate = currency.rates[resultFrom];let toRate = currency.rates[resultTo];
finalValue.innerHTML=((toRate / fromRate)* searchValue).toFixed(2);
finalAmount.style.display="block";}// when user click on reset buttonfunctionclearVal(){window.location.reload();document.getElementsByClassName("finalValue").innerHTML="";};