| 7 | calc(); |
| 8 | |
| 9 | function calc(){ |
| 10 | |
| 11 | const selectCurrency1value = selectCurrency1.value; |
| 12 | const selectCurrency2value = selectCurrency2.value; |
| 13 | |
| 14 | fetch(`https://api.exchangerate-api.com/v4/latest/${selectCurrency1value}`) |
| 15 | .then(response => { |
| 16 | //if promise wasn't resolved |
| 17 | if(!response.ok){ |
| 18 | throw new Error('Network response was not ok'); |
| 19 | } |
| 20 | return response.json(); |
| 21 | }) |
| 22 | .then(data => { |
| 23 | |
| 24 | const val = data.rates[selectCurrency2value]; |
| 25 | currency2InputElem.value = (currency1InputElem.value * val).toFixed(3); |
| 26 | |
| 27 | rateDetail.innerText = `1 ${selectCurrency1value} = ${val.toFixed(3)} ${selectCurrency2value}`; |
| 28 | }) |
| 29 | .catch(error => { |
| 30 | console.log('problem : ', error); |
| 31 | }); |
| 32 | } |
| 33 | |
| 34 | currency1InputElem.addEventListener('input', calc); |
| 35 | currency2InputElem.addEventListener('input', calc); |