Rename element class 'board' to 'gameboard'

public/map.css

@@ -199,7 +199,7 @@ g.selected use {
   fill: red;
 }
 
-.board, .gameboard {
+.gameboard {
   transform: translate(19px, 31px) scale(4);
 }
 

public/map1.svg

@@ -45,7 +45,7 @@
     <image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518"/>
   </g>
 
-  <g class="board">
+  <g class="gameboard">
     <g id="firing-arcs">
       <g id="shapes"/>
       <g id="lines"/>
@@ -1858,4 +1858,5 @@
       </g>
     </g>
   </g>
+  <script href="map.js"></script>
 </svg>

src/map.js

@@ -1,17 +1,20 @@
 const svgns = "http://www.w3.org/2000/svg";
+const dataset = document.currentScript.dataset;
 const svg = document.querySelector('svg');
-const cellTemplate = svg.querySelector('#hex');
 const gb = svg.querySelector('.gameboard');
 const bg = svg.querySelector('#background');
 const imageMaps = svg.querySelector('#image-maps');
-const grid = gb.querySelector('.grid');
-const dataset = document.currentScript.dataset;
+
 
 if ('cols' in dataset && 'rows' in dataset) {
+  const cellTemplate = svg.querySelector('#hex');
+  const grid = gb.querySelector('.grid');
+
   createCells(grid, dataset, cellTemplate.id);
+}
+
 setElAttrs(bg, calcComputedBboxFor(imageMaps));
 svg.setAttribute('viewBox', formatForViewBox(calcComputedBboxFor(gb)));
-}
 
 function setElAttrs(el, attrs) {
   for (key in attrs) {

src/modules/game/soldier.js

@@ -77,7 +77,7 @@ export function place(svg, selected, cell) {
       trace.dataset.allegiance = selected.dataset.allegiance;
       trace.classList.add('move-trace');
 
-      svg.querySelector('.board').prepend(trace);
+      svg.querySelector('.gameboard').prepend(trace);
     } else {
       points = `${trace.getAttribute('points')} ${current.x},${current.y}`;
     }

src/modules/gameboard.js

@@ -105,7 +105,7 @@ function drawSightLine(sourceCell, targetCell) {
   const hexes = svg.querySelectorAll(selector);
   sightLine.setHexes(hexes);
   const line = sightLine.create(getCellPosition(sourceCell), getCellPosition(targetCell));
-  svg.querySelector('.board').appendChild(line);
+  svg.querySelector('.gameboard').appendChild(line);
   distanceCallback && distanceCallback(hexes.length - 1);
 }