diff --git a/index.html b/index.html
index 97d9010..3cb854c 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@ <h1>Tic Tac Toe</h1>
             <select id="mode">
                 <option value="pvp">Player vs Player</option>
                 <option value="pva">Player vs AI</option>
+                <option value="avp">AI vs Player</option>
             </select>
         </div>
         <div id="board" class="board"></div>
@@ -23,6 +24,7 @@ <h1>Tic Tac Toe</h1>
             <div id="score">
                 <div class="player-score" id="playerXScore">Player X: 0</div>
                 <div class="player-score" id="playerOScore">Player O: 0</div>
+                <div class="player-score" id="drawScore">Draws: 0</div>
             </div>
         </div>
         <div id="modal" class="modal">
diff --git a/script.js b/script.js
index 5011db3..d85f631 100644
--- a/script.js
+++ b/script.js
@@ -5,6 +5,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const statusElement = document.getElementById('status');
     const playerXScoreElement = document.getElementById('playerXScore');
     const playerOScoreElement = document.getElementById('playerOScore');
+    const drawScoreElement = document.getElementById('drawScore');
     const modalElement = document.getElementById('modal');
     const modalMessageElement = document.getElementById('modal-message');
     const playAgainButton = document.getElementById('play-again');
@@ -15,6 +16,7 @@ document.addEventListener('DOMContentLoaded', () => {
     let playerMode = modeSelector.value; // Default: Player vs Player
     let playerXScore = 0;
     let playerOScore = 0;
+    let drawScore = 0;
 
     const winPatterns = [
         [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
@@ -48,7 +50,8 @@ document.addEventListener('DOMContentLoaded', () => {
             } else {
                 currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                 updateTurn();
-                if (playerMode === 'pva' && currentPlayer === 'O') {
+                if ((playerMode === 'pva' && currentPlayer === 'O') || 
+                (playerMode === 'avp' && currentPlayer === 'O')) {
                     makeAIMove();
                 }
             }
@@ -56,7 +59,7 @@ document.addEventListener('DOMContentLoaded', () => {
     };
 
     const updateTurn = () => {
-        turnElement.textContent = `Turn: Player ${currentPlayer}`;
+        turnElement.textContent = `Turn: ${currentPlayer === 'X' ? 'Player' : 'AI'}`;
     };
 
     const checkWinner = () => {
@@ -84,6 +87,9 @@ document.addEventListener('DOMContentLoaded', () => {
         if (message.includes('Wins')) {
             currentPlayer === 'X' ? playerXScore++ : playerOScore++;
             updateScore();
+        } else {
+            drawScore++;
+            updateScore();
         }
 
         showModal(message);
@@ -92,6 +98,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const updateScore = () => {
         playerXScoreElement.textContent = `Player X: ${playerXScore}`;
         playerOScoreElement.textContent = `Player O: ${playerOScore}`;
+        drawScoreElement.textContent = `Draws: ${drawScore}`;
     };
 
     const showModal = (message) => {
@@ -211,7 +218,9 @@ document.addEventListener('DOMContentLoaded', () => {
             playerOScore = 0;
             updateScore();
         }
-
+        if (playerMode === 'avp' && currentPlayer === 'O') {
+            makeAIMove();
+        }
         resetGame();
     });
 
@@ -222,11 +231,17 @@ document.addEventListener('DOMContentLoaded', () => {
 
     const resetGame = () => {
         board = ['', '', '', '', '', '', '', '', ''];
-        currentPlayer = 'X';
         gameActive = true;
         statusElement.textContent = '';
         renderBoard();
 
+        currentPlayer = playerMode === 'avp' ? 'O' : 'X';
+        updateTurn();
+
+        if (playerMode === 'avp' && currentPlayer === 'O') {
+            makeAIMove();
+        }
+
         if (playerMode === 'pva' && currentPlayer === 'O') {
             makeAIMove();
         }