Я хочу сделать это через js, но каждый раз, когда я его использую
let element = document.getElementById("name");
element.style.backgroundColor = color_second;
затем она зациклилась на первой ячейке, но как обновить чтобы было через ячейку не понимаю, чтобы при каждом заходе в else цвет менялся на нужную ячейку, давно бы использовал html, но дали задание через js, не имея опыта работы с JS, но погуглил и не нашла ее
function A_Table_In_A_Cell(str, col, color_first, color_second) {
document.write("<table width='100' height='100'>");
for (let i = 1; i <= str; i++) {
document.write("<tr>");
for (let j = 1; j <= col; j++) {
if (i % 2 == j % 2) {
document.write("<td bgcolor='#AAAAFF'></td>");
} else {
document.write('<td id = "name"></td>');
let element = document.getElementById("name");
element.style.backgroundColor = color_second;
}
}
document.write("</tr>");
}
document.write("</table>");
}
<body onload="A_Table_In_A_Cell(5,5,'#AAAAFF','#FFAAAA')">