Использование tableBody.insertRow(); приводит к перезаписи всей страницы вновь вставленными ячейками? ⇐ Html

[Anonymous]

Проблема в том, что машинописный код под этим html-фрагментом обновляет страницу

набором строк для дат и цен, но также удаляет часть страницы
, на которой написано «Получить сообщение из API» и «История цен на биткойны (USD)»?

chart
Fetch Message from API

Bitcoin Price History (USD)



Date
Price (USD)









Это фрагмент функции машинописного текста.
function displayDataInTable( data : MarketChartRangeResponse)
{
const tableBody = document.getElementById('priceTableBody') as HTMLTableSectionElement;
if (!tableBody) return;

// Clear any existing rows
tableBody.innerHTML = '';

const price_array = data.prices;

price_array?.forEach((priceData: number[]) =>
{
const timestamp = priceData[0];
const date = new Date(timestamp);

const price = priceData[1];

const row = tableBody.insertRow();

const dateCell = row.insertCell(0);
const priceCell = row.insertCell(1);

dateCell.textContent = date.toLocaleString();

priceCell.textContent = `$${price.toFixed(2)}`;
});
}


Подробнее здесь: https://stackoverflow.com/questions/798 ... y-newly-in