해당 통계 column 에 색깔입히기

const table = document.querySelector("table"); // 테이블 선택 const rows = table.querySelectorAll("tr"); // 모든 행 선택 const lightGreenColor = "#A8C6A3";  // 색상 값을 const 변수로 선언 rows.forEach((row) => { const cells = row.querySelectorAll("td"); // 해당 행의 모든 <td> 가져오기 cells.forEach((col, index) => { if (firstPartClass === "ES565" || firstPartClass === "ER565") { if (index === 9) col.style.backgroundColor = lightGreenColor } else if (firstPartClass === "EU565" || firstPartClass === "EV565") { if (index === 10) col.style.backgroundColor = lightGreenColor } else if (firstPartClass === "ET565" || firstPartClass === "ET564") { if (index === 12) col.style.backgroundColor = lightGreenColor } }); });

 

색상HEX 코드설명

🍏 #28A745	col.style.backgroundColor = "#28A745";	초록 + 연두빛
🍃 #40C463	col.style.backgroundColor = "#40C463";	좀 더 밝고 싱그러운 초록
🌿 #6CD26F	col.style.backgroundColor = "#6CD26F";	연한 연두색
🌱 #A8E6A3	col.style.backgroundColor = "#A8E6A3";	부드러운 연두색 (밝은 느낌)

 

index.html

0.03MB