test 3

iLikeGrape · iLikeGrape · commit ab158d2a6e4d · 2024-12-20T22:01:31.000Z
diff --git a/garden.html b/garden.html
@@ -10,7 +10,7 @@
 <body>
     <div id="gameContainer">
         <h1>Garden</h1>
-        <div id="farmPlots"></div>
+        <div id="farmPlots">
             <div cellId="0" class="cell"></div>
             <div cellId="1" class="cell"></div>
             <div cellId="2" class="cell"></div>
@@ -21,9 +21,9 @@ <h1>Garden</h1>
             <div cellId="7" class="cell"></div>
             <div cellId="8" class="cell"></div>
         </div>
+        <button id="tick">Grow</button>
         <div id="list">    
             <h3><a href="https://ilikegrape.netlify.app">Home</h3>
-            <button id="tick">Grow</button>
         </div>
     </div>
     <script src="garden.js"></script>
diff --git a/garden.js b/garden.js
@@ -1,8 +1,18 @@
 const cells = document.querySelectorAll(".cell");
 const btn = document.querySelector("#tick");
-
 let plants = ["", "", "", "", "", "", "", "", ""];
-
+let adjacentArray = [
+    ["0","0"], //to cell 0
+    ["0","0"], //to cell 1
+    ["0","0"], //to cell 2
+    ["0","0"], //to cell 3
+    ["0","0"], //to cell 4
+    ["0","0"], //to cell 5
+    ["0","0"], //to cell 6
+    ["0","0"], //to cell 7
+    ["0","0"], //to cell 8
+    //[#number of x, #number of o]
+];
 const adjacentPlants = [
     ["1", "3", "4"],  //to cell 0
     ["0", "2", "3", "4", "5"],  //to cell 1
@@ -13,7 +23,12 @@ const adjacentPlants = [
     ["3", "4", "7"], // to cell 6
     ["3", "4", "5", "6", "8"], //to cell 7
     ["4", "5", "7"], //to cell 8
-]
+];
+let adjacentPlantsPlaceholder;
+let adjacentArrayPlaceholder;
+let amountPlaceholder;
+
+
 
 function startgame(){
     cells.forEach(function(cell) {
@@ -23,39 +38,42 @@ function startgame(){
     btn.addEventListener("click", tick)
 }
 
+
+
 function cellClicked(){
     const cellIndex = this.getAttribute("cellIndex");
-    if(plants[cellIndex] == "x" || this.textContent == "x"){
-        plants[cellIndex] = "";
-        this.textContent = "";
-    }
-    else {
-        plants[cellIndex] = "x";
+    if(plants[cellIndex] == "" && this.textContent == ""){
+        plants[cellIndex] = "x"; //changing box you clicked on 
         this.textContent = "x";
+        let adjacentPlantsPlaceholder = adjacentPlants[cellIndex] //preping for next step
+
+        for(let i = 0; i < adjacentPlantsPlaceholder.length; i++){ //updating adjacent plants
+            let adjacentArrayPlaceholder = adjacentArray[adjacentPlantsPlaceholder[i]]//setting placeholder to each cell touching cell clicked
+            adjacentArrayPlaceholder[0]++ //changing amount of x's by 1
+            adjacentArray[adjacentPlantsPlaceholder[i]] = adjacentArrayPlaceholder //updating real array
+        }
     }
+
+
+
     console.log("cellClicked")
 }
 
 function tick(){
-    for(let i = 0; i < plants.length; i++){
-        let adjacentPlaceholder = adjacentPlants[i]
-        let adjacentAmount = 0
-        
-        for(let j = 0; j < adjacentPlaceholder.length; j++){
-            
-            if(plants[adjacentPlaceholder[j]] == "x"){
-                adjacentAmount++
-            }
-        }
+    cells.forEach(function(cell){
+        const cellIndex = cell.getAttribute("cellIndex");
+        let adjacentArrayPlaceholder = adjacentArray[cellIndex]
+        if(adjacentArrayPlaceholder.contains("x")){
+            cell.textContent = "o"
+            plants[cellIndex] = "o"
+            let adjacentPlantsPlaceholder = adjacentPlants[cellIndex] //preping for next step
 
-        if(adjacentAmount >= 2 && plants[i]!= "x" && plants[i]!= "o"){
-            plants[i] = "o";
-            cells[i].textContent = "o";
+            for(let i = 0; i < adjacentPlantsPlaceholder.length; i++){ //updating adjacent plants
+                let adjacentArrayPlaceholder = adjacentArray[adjacentPlantsPlaceholder[i]]//setting placeholder to each cell touching cell clicked
+                adjacentArrayPlaceholder[1]++ //changing amount of o's by 1
+                adjacentArray[adjacentPlantsPlaceholder[i]] = adjacentArrayPlaceholder //updating real array
+            }
         }
-    }
+    })
 }
-
-
-
-
 startgame()
