zadania

Author: ernestodebesto

.DS_Store

@@ -1,3 +1,4 @@
+
 .row {
   display:flex;
 }
@@ -35,6 +36,7 @@ button {
   align-items: center;
   flex-direction: column;
   margin-top: 100px;
+
 }
 
 .game-title {

css/style.css

@@ -9812,21 +9812,27 @@ document.addEventListener('DOMContentLoaded', function () {
         if (winner === 'human') {
           var num = _this.state.humanPoints + 1;
           _this.setState({
-            humanPoints: num
+            humanPoints: num,
+            end: true
           });
           _this.stopAndReset();
         } else {
           console.log('komputer wygral');
           var _num = _this.state.computerPoints + 1;
           _this.setState({
-            computerPoints: _num
+            computerPoints: _num,
+            end: true
           });
           _this.stopAndReset();
         }
       };
 
       _this.moveAI = function () {
-        _this.checkWinAI();
+        if (_this.state.end) {
+          console.log('koniec gry');
+        } else {
+          _this.checkWinAI();
+        }
       };
 
       _this.stopAndReset = function () {
@@ -9856,7 +9862,9 @@ document.addEventListener('DOMContentLoaded', function () {
       _this.checkDraw = function () {
         if (_this.state.moveNumber === 9) {
           console.log('remis');
-          _this.stopAndReset();
+          _this.setState({
+            end: true
+          });
         } //pokaz przycisk restart, zatrzymaj gre, wywolaj metode endgame(remis, kazdy po punkcie)
       };
 
@@ -10046,7 +10054,8 @@ document.addEventListener('DOMContentLoaded', function () {
         moveNumber: 0,
         player: 'human',
         computerPoints: 0,
-        humanPoints: 0
+        humanPoints: 0,
+        end: false
       };
       return _this;
     }
@@ -10148,18 +10157,13 @@ document.addEventListener('DOMContentLoaded', function () {
       // kiedy gracz zaczyna
 
 
-      //niech gra sie zaczyna - 2 divy - graj pierwszy (obrazek) graj drugi(obrezaek) jeden pod drugim.
-      // Jesli bedzie czas to dodac licznik. podzielic jakos plansze na czlowiek kontra komputer.
-
-      //jeden przycisk - zamien strony. kroy zaczyna dzialanie ai. dwa rodzaje buttonow - ludzki i komputerowy. i wtedy klasa x zawsze bedzie dla komputera i wyeliminuje to problem zmiany klas.
-      //dodaj tez do kazdego z tych warunkow to ze przy wygranej ukazuje sie animacja
-
       // akcja dla wygranej
       //zatrzymaj cala gre, dodaj punkt, pokaz przycisk restart, pokaz animacje w miejscu gdzie trzeba zrobic animacje
 
 
       //tu bedzie caly ai
 
+
       //generator losowego ruchu
 
       //sprawdz remis

img/.DS_Store

@@ -24,6 +24,7 @@ document.addEventListener('DOMContentLoaded', function() {
         player: 'human',
         computerPoints: 0,
         humanPoints: 0,
+        end : false
       }
     }
     render() {
@@ -86,25 +87,21 @@ document.addEventListener('DOMContentLoaded', function() {
       }
     }
 
-    //niech gra sie zaczyna - 2 divy - graj pierwszy (obrazek) graj drugi(obrezaek) jeden pod drugim.
-    // Jesli bedzie czas to dodac licznik. podzielic jakos plansze na czlowiek kontra komputer.
-
-    //jeden przycisk - zamien strony. kroy zaczyna dzialanie ai. dwa rodzaje buttonow - ludzki i komputerowy. i wtedy klasa x zawsze bedzie dla komputera i wyeliminuje to problem zmiany klas.
-    //dodaj tez do kazdego z tych warunkow to ze przy wygranej ukazuje sie animacja
-
     // akcja dla wygranej
     endGame = (winner) => {
       if (winner === 'human'){
         let num = this.state.humanPoints+1
         this.setState({
           humanPoints : num,
+          end : true
         });
         this.stopAndReset();
       } else {
         console.log('komputer wygral');
         let num = this.state.computerPoints+1
         this.setState({
           computerPoints : num,
+          end : true,
         });
         this.stopAndReset();
       }
@@ -113,13 +110,20 @@ document.addEventListener('DOMContentLoaded', function() {
 
     //tu bedzie caly ai
     moveAI = () => {
+      if (this.state.end) {
+        console.log('koniec gry');
+      } else {
       this.checkWinAI();
     }
+    }
 
 
     stopAndReset = () => {
       console.log('restee');
     }
+
+
+
     //generator losowego ruchu
     randomMove = () => {
       let randomMove = Math.floor(Math.random() * 9);
@@ -146,7 +150,9 @@ document.addEventListener('DOMContentLoaded', function() {
     checkDraw = () => {
       if (this.state.moveNumber === 9) {
         console.log('remis');
-        this.stopAndReset();
+        this.setState({
+          end : true,
+        });
       } //pokaz przycisk restart, zatrzymaj gre, wywolaj metode endgame(remis, kazdy po punkcie)
     }
     restartGame = () => {}