Die beste Methode zum Erstellen von Koordinaten für Kontrolleure Board

Question

Ich möchte Koordinaten für Checker erstellen. Gibt es einen besseren Weg, sie zu erstellen?

let div = document.getElementById("example"); 
 
for (let i = 1; i < 9; i++) { 
 
    const xAxis = ["A", "B", "C", "D", "E", "F", "G", "H"]; 
 
    for (let j = 1; j < 9; j++) { 
 
    div.innerHTML += xAxis[i - 1] + "" + j + ","; 
 
    } 
 
}

<div id="example"> 
 

 
</div>

Answer 1

Das einzige, was ich von nutzt Array.ForEach auf Ihrem Array einfiel und eine Tabelle mit den Spalten-Layout zu erzwingen.

CSS 3 N-Kind für Styling?

var table = document.body.appendChild(document.createElement("table")); 
 
["A", "B", "C", "D", "E", "F", "G", "H"] 
 
.forEach(function(letter) { 
 
    var tr = table.appendChild(document.createElement("tr")); 
 
    for (var num = 1; num <= 9; num++) { 
 
    var td = tr.appendChild(document.createElement("td")); 
 
    td.innerHTML = letter + num; 
 
    } 
 
});

tr:nth-child(even) td:nth-child(even) { 
 
    background: red; 
 
} 
 

 
tr:nth-child(odd) td:nth-child(odd) { 
 
    background: red; 
 
}