爲跳棋板創建座標的最佳方式

Question

我想爲跳棋創建座標。有沒有更好的方法來創建它們？

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

我能想到你的陣列上使用Array.forEach並使用一個表來執行列布局的唯一的事情。

CSS 3個孩子的造型？

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; 
 
}