From c82f3da5afc9ca2b747e7c44fd264d6ad6ff93cc Mon Sep 17 00:00:00 2001
From: Sorrel Bri <sorrel@SBJ-comp.local>
Date: Thu, 8 Aug 2019 10:09:59 -0700
Subject: [PATCH] fix large board territory render bug

---
 index.html |  3 ++-
 js/main.js | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 34607b3..2819317 100644
--- a/index.html
+++ b/index.html
@@ -84,7 +84,8 @@
     <div id="board-container">
       <div id="board-space">
         <table id="board">
-            <tbody><tr id="row-1">
+            <tbody>
+              <tr id="row-1">
                 <td id="1-1" class="top lft ">
                   <div class="stone" data-stone="none">
                     <div class="dot" data-dot="none">
diff --git a/js/main.js b/js/main.js
index c97fb0c..e622723 100644
--- a/js/main.js
+++ b/js/main.js
@@ -470,7 +470,7 @@ function resolveCaptures(point) {
 }
 
 function editTerritory(evt) {
-  let placement = [ parseInt(evt.target.closest('td').id.split('-')[0]), parseInt(evt.target.closest('td').id[2]) ];
+  let placement = [ parseInt(evt.target.closest('td').id.split('-')[0]), parseInt(evt.target.closest('td').id.split('-')[1]) ];
   let point = findPointFromIdx(placement);
   point.cycleTerritory();
   renderGame();
@@ -580,9 +580,22 @@ function renderGame() {
 function renderBoardInit() {
   clearCurrentBoard();
   renderBoardTableRows();
+  renderHoshi();
   renderBoardTableStyle();
 }
 
+function renderHoshi() {
+  let hoshi = HANDI_PLACE[gameState.boardSize].slice(-1);
+  console.log(hoshi);
+  hoshi.forEach(star => {
+    console.log(star);
+    let starPt = findPointFromIdx(star);
+    console.log(starPt);
+    // .getElementsByClassName['dot'].style.className += ' hoshi' });
+})
+}
+// HANDI_PLACE[gameState.boardSize].slice(-1) [0] [0][0] === boardState[20].pos[0]
+
 function clearCurrentBoard() {
   boardEl.innerHTML = '';
 }