Я пытаюсь условно изменить цвет таблицы. Я связал файлы CSS A JS с таблицей HTML. Когда я сначала открываю веб-страницу, отображаемая оповещение, чтобы подтвердить файл JS связан правильно.alert("test_colour_js_file");
document.addEventListener('DOMContentLoaded', function() {
const tableDataCells = document.querySelectorAll('td');
tableDataCells.forEach(cell => {
const value = parseFloat(cell.textContent); // Convert content to a number
if (!isNaN(value)) { // Check if the value is a valid number
if (value < 30) {
// Reddish for low values
cell.style.backgroundColor = 'lightcoral';
} else if (value < 70) {
// Yellowish for medium values
cell.style.backgroundColor = 'lightgoldenrodyellow';
} else {
// Greenish for high values
cell.style.backgroundColor = 'lightgreen';
}
}
});
});
Подробнее здесь: https://stackoverflow.com/questions/797 ... formatting
