Как правильно добавить значение к существующему тексту innerHTML

Question

Есть такая функция:

function RTCurrencies() {
  fetch('https://api.binance.com/api/v3/avgPrice?symbol=BTCUSDT')
    .then(a => a.json()
    .then(b => document.getElementById("btcusdt").innerHTML = (parseFloat(b.price).toFixed(2))))
}

setInterval(RTCurrencies, 5000);

Нужно сделать так, чтобы спарсенное значение добавлялось в innerHTML к существующему тексту и в конце добавлялось USD, например, 1 BTC = спарсенноезначение USD.

При этом всём функция работает раз в 5 секунд (обновляет курс).

Answer 1

Вместо того чтобы менять значение innerHTML всего, можете менять только одну конкретную часть обернув его в span:

function RTCurrencies() {
  fetch('https://api.binance.com/api/v3/avgPrice?symbol=BTCUSDT')
    .then(a => a.json()
    .then(b => document.getElementById("btcusdt").innerHTML = (parseFloat(b.price).toFixed(2))))
}

window.onload = RTCurrencies;

setInterval(RTCurrencies, 5000);

<p> 1 BTC = <span id="btcusdt"></span> USD<p>

window.onload = RTCurrencies нужно чтобы в первый раз не ждать 5 секунд, появления значения

БЛОГ НА HUSL

Как правильно добавить значение к существующему тексту innerHTML

Ответы (1 шт):