zmiany

public/index.html

@@ -10,31 +10,11 @@
     <div class="container">
         <h1>Kółko i Krzyżyk</h1>
         <div class="board">
-            <div class="cell"></div>
-            <div class="cell"></div>
-            <div class="cell"></div>
-            <div class="cell"></div>
-            <div class="cell"></div>
-            <div class="cell"></div>
-            <div class="cell"></div>
-            <div class="cell"></div>
-            <div class="cell"></div>
+          
         </div>
     </div>
 
-    <script>
-        let currentPlayer = 'x';
-        const cells = document.querySelectorAll('.cell');
-
-        cells.forEach(cell => {
-            cell.addEventListener('click', () => {
-                if (!cell.classList.contains('x') && !cell.classList.contains('o')) {
-                    cell.classList.add(currentPlayer);
-                    currentPlayer = currentPlayer === 'x' ? 'o' : 'x';
-                }
-            });
-        });
-    </script>
+   
     <script src="./static/script.js"></script>
 </body>
 </html>

public/script.js

@@ -0,0 +1,15 @@
+const $ = e => document.querySelector(e);
+
+for(let i = 0; i < 10; i++) {
+    const div = document.createElement('div');
+    div.className = 'cell';
+    div.id = `i`+i;
+    $('.board').appendChild(div);
+}
+
+fetch('api/status')
+    .then(res => res.json())
+    .then(data => {
+        console.log(data);
+        
+    });