diff --git a/index.html b/index.html index 1401653..c0632e6 100644 --- a/index.html +++ b/index.html @@ -768,6 +768,7 @@ bond.querySelector('.amount-invested').textContent = formatAmount(amountInvested[preferredCurrency], preferredCurrency) bond.querySelector('.net-value').textContent = formatAmount(netValue[preferredCurrency], preferredCurrency) }) + renderRates() }) @@ -995,6 +996,19 @@ }) }) + function renderRates() { + preferredCurrency = getRef('currency_selector').value; + if (preferredCurrency === 'usd') { + getRef("usd-rate").classList.add("hidden") + getRef("btc-usd-rate").textContent = `BTC: ${formatAmount(BTC_current, 'usd')}`; + + } else { + getRef("usd-rate").classList.remove("hidden") + getRef("usd-rate").textContent = `USD: ${formatAmount(USD_current)}`; + getRef("btc-usd-rate").textContent = `BTC: ${formatAmount(BTC_current * USD_current)}`; + } + } + var USD_current, BTC_current; getRef('refresh_button').addEventListener("click", refreshData); function refreshData() { @@ -1003,8 +1017,7 @@ USD_current = rates.USD_INR; BTC_current = rates.BTC_USD; console.log(`USD rate: ${USD_current} INR\nBTC rate: ${BTC_current} USD`); - getRef("usd-rate").textContent = `USD: ₹${rates.USD_INR.toFixed(2)}`; - getRef("btc-usd-rate").textContent = `BTC: ${formatAmount(rates.BTC_USD)}`; + renderRates() showPage('home_page') renderElem(getRef('bond_list'), html` `) refreshBlockchainData().then(result => {