have added turnwise code

Author: sanchit0496

tic-tac-toe/src/App.js

@@ -3,9 +3,9 @@ import "./App.css";
 
 function App() {
   const NUMBER_OF_BOXES = 9;
-  const [xTurn, setXTurn] = useState(true)
-  const [xInput, setXInput] = useState([])
-  const [oInput, setOInput] = useState([])
+  const [xTurn, setXTurn] = useState(true);
+  const [xInput, setXInput] = useState([]);
+  const [oInput, setOInput] = useState([]);
 
   const winnings = [
     [0, 1, 2],
@@ -27,28 +27,53 @@ function App() {
         item[2] === array[2]
       ) {
         didWin = true;
+        alert("win");
       }
     });
     return didWin;
   };
 
   const handleClick = (i) => {
-    let tempX = [...xInput, i]
-    setXInput(tempX)
-    if (tempX.length >= 3) {
-      let didWin = checkWins(tempX);
-      console.log("didWin", didWin);
+    setXTurn(!xTurn);
+
+    if (xTurn) {
+      let tempX = [...xInput, i];
+      setXInput(tempX);
+
+      if (tempX.length >= 3) {
+        let didWin = checkWins(tempX);
+        console.log("didWin", didWin);
+      }
+    } else {
+      let tempO = [...oInput, i];
+      setOInput(tempO);
+
+      if (tempO.length >= 3) {
+        let didWin = checkWins(tempO);
+        console.log("didWin", didWin);
+      }
     }
   };
 
-  console.log('xInput', xInput)
+  console.log("xInput", xInput);
+  console.log("oInput", oInput);
+  console.log("xTurn", xTurn);
+
+  const renderBoardValue = (i) => {
+    if (xInput.includes(i)) {
+      return "X";
+    } else if (oInput.includes(i)) {
+      return "0";
+    }
+    return "";
+  };
 
   const renderBoard = () => {
     let arr = [];
     for (let i = 0; i < NUMBER_OF_BOXES; i++) {
       arr.push(
         <div onClick={() => handleClick(i)} className="box" key={i}>
-          {i}
+          {renderBoardValue(i)}
         </div>
       );
     }