title: Best way to create coordinates for checkers board
body: <p>I want to create coordinates for checkers. Is there a better way to create them?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let div = document.getElementById("example");
  for (let i = 1; i &lt; 9; i++) {
    const xAxis = ["A", "B", "C", "D", "E", "F", "G", "H"];
    for (let j = 1; j &lt; 9; j++) {
      div.innerHTML += xAxis[i - 1] + "" + j + ",";
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="example"&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>