Невозможно отобразить несколько значений в файле JSON на странице HTML с помощью Javascript. ⇐ Html

[Anonymous]

Я пытаюсь отобразить элементы на странице HTML. Ниже приведены результаты JSON, которые я хотел бы отобразить. Все отдельные значения отображаются на странице HTML, однако, если у меня есть несколько значений, например поле Diskusage (cell4), оно ничего не отображает. Я хотел бы отобразить все эти несколько значений, а также иметь некоторый контроль цвета, например, если использование янтарного цвета выше 70%, красного цвета выше 90% и т. д.
Может кто-нибудь помочь
JSON
{
"Services_AutoNotRunning": [
"RemoteRegistry",
"sppsvc"
],
"GroupName": "Basic",
"MemoryFreePercentage": 86.71,
"DiskUsage": [
{
"DriveLetter": "C:",
"FreeSpacePercent": 54.04
},
{
"DriveLetter": "D:",
"FreeSpacePercent": 37.72
},
{
"DriveLetter": "F:",
"FreeSpacePercent": 49.06
}
],
"WindowsUpdateService": 1,
"ReportedAt": "2025-01-20 10:14:41",
"Hostname": "01",
"Online": true,
"CPUFreePercentage": 5.75,
"LastWindowsUpdateDate": "2025-01-18 00:00:00"
},

HTML
function addBasicChecksRow(row, data) {
const hostnameCell = row.insertCell(0);
hostnameCell.innerText = data.Hostname || '';

const onlineCell = row.insertCell(1);
onlineCell.innerText = data.Online ? 'Online' : '';
if (data.Online) {
onlineCell.style.backgroundColor = '#aaffaa'; // Green for Online
} else if (data.Online === false) {
onlineCell.style.backgroundColor = '#ffcccc'; // Red for Offline
}

const cpuFreeCell = row.insertCell(2);
cpuFreeCell.innerText = data.CPUFreePercentage || '';
if (data.CPUFreePercentage > 90) {
cpuFreeCell.style.backgroundColor = '#ffcccc'; // Red if below 20%
} else if (data.CPUFreePercentage > 80) {
cpuFreeCell.style.backgroundColor = '#ffeb99'; // Yellow if below 50%
} else if (data.CPUFreePercentage !== undefined) {
cpuFreeCell.style.backgroundColor = '#aaffaa'; // Green if above 50%
}

const memoryFreeCell = row.insertCell(3);
memoryFreeCell.innerText = data.MemoryFreePercentage || '';
if (data.MemoryFreePercentage < 20) {
memoryFreeCell.style.backgroundColor = '#ffcccc'; // Red if below 20%
} else if (data.MemoryFreePercentage < 50) {
memoryFreeCell.style.backgroundColor = '#ffeb99'; // Yellow if below 50%
} else if (data.MemoryFreePercentage !== undefined) {
memoryFreeCell.style.backgroundColor = '#aaffaa'; // Green if above 50%
}

const diskUsageCell = row.insertCell(4);
diskUsageCell.innerText = data.DiskUsage ? `${data.DiskUsage.FreeSpacePercent}% free` : '';
if (data.DiskUsage && data.DiskUsage.FreeSpacePercent < 20) {
diskUsageCell.style.backgroundColor = '#ffcccc'; // Red if disk space is below 20%
} else if (data.DiskUsage && data.DiskUsage.FreeSpacePercent < 50) {
diskUsageCell.style.backgroundColor = '#ffeb99'; // Yellow if below 50%
} else if (data.DiskUsage && data.DiskUsage.FreeSpacePercent !== undefined) {
diskUsageCell.style.backgroundColor = '#aaffaa'; // Green if above 50%
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... javascript