diff --git a/index.html b/index.html
index 74f9da2a..e77120a2 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Coding Basics</title>
+    <title>Nabil's Beat That Project</title>
     <style>
       * {
         box-sizing: border-box;
       }
 
       body {
+        background-color: bisque;
         font-family: sans-serif;
         margin-left: 30px;
         margin-right: 30px;
@@ -18,7 +19,7 @@
       }
 
       #container {
-        background-color: pink;
+        background-color: lightsalmon;
         margin: 40px auto;
         max-width: 800px;
         padding: 38px 31px;
@@ -49,14 +50,14 @@
   </head>
 
   <body>
-    <h1 id="header">Basics: Beat That! 🚀</h1>
+    <h1 id="header">🎲Nabil's: Beat That!🎲</h1>
     <div id="container">
       <p>Input:</p>
       <input id="input-field" />
       <br />
-      <button id="submit-button">Submit</button>
+      <button id="submit-button">Confirm Number of Rounds</button>
       <p>Output:</p>
-      <div id="output-div"></div>
+      <div id="output-div">How many rounds do you want to play?</div>
     </div>
     <!-- Import program logic -->
     <script src="script.js"></script>
diff --git a/script.js b/script.js
index bbe8a293..e4eb4543 100644
--- a/script.js
+++ b/script.js
@@ -1,4 +1,156 @@
-var main = function (input) {
-  var myOutputValue = 'hello world';
-  return myOutputValue;
-};
+var gameMode = "numberOfRounds";
+var roundNumber = 1;
+var button = document.getElementById("submit-button");
+var d1Roll;
+var d2Roll;
+var chosenNumber1;
+var chosenNumber2;
+var outputMsg = ``;
+var p1Score = 0;
+var p2Score = 0;
+var totalRounds = 0;
+var scoreMsg;
+var winMsg;
+
+function getDiceRoll() {
+  var rolledDice = Math.floor(Math.random() * 6 + 1);
+  return rolledDice;
+}
+
+function main(input) {
+  //number of rounds
+
+  if (gameMode == "numberOfRounds") {
+    if (isNaN(input) || input == "") {
+      outputMsg = "Invalid input. Enter the number of rounds you wish to play.";
+    } else {
+      totalRounds = Number(input);
+      gameMode = "gameStart";
+      outputMsg = "Press Play to begin.";
+      button.innerText = "Play";
+    }
+  }
+
+  //start game
+  else if (gameMode == "gameStart") {
+    button.innerText = "Roll";
+    outputMsg = `Round ${roundNumber} is starting. Player 1 press roll to begin.`;
+    gameMode = "p1Roll";
+  }
+
+  //Player1 rolls dice
+  else if (gameMode == "p1Roll") {
+    d1Roll = getDiceRoll().toString(); //making rolls a string to allow concatenation of rolls to combine dice rolls into a number.
+    d2Roll = getDiceRoll().toString();
+
+    if (d1Roll == d2Roll) {
+      chosenNumber1 = Number(d1Roll + d2Roll);
+      outputMsg = `PLayer 1. You rolled ${d1Roll} for both dices. Your number is: ${chosenNumber1}.<br>Player 2. Press Roll to roll your dice.`;
+      button.innerText = "Roll";
+      gameMode = "p2Roll";
+    } else {
+      gameMode = "p1Choose";
+      outputMsg = `You rolled:<br> Dice One: ${d1Roll}<br> Dice Two: ${d2Roll}<br>Choose which dice goes first:<br>Enter 1 for Dice One, Enter 2 for Dice Two.`;
+      button.innerText = "Choose";
+    }
+  }
+
+  //Player 1 decides which dice to use first
+  else if (gameMode == "p1Choose") {
+    if (input != 1 && input != 2) {
+      outputMsg = "Invalid input. Enter 1 for Dice One, Enter 2 for Dice Two.";
+    } else {
+      if (input == 1) {
+        chosenNumber1 = Number(d1Roll + d2Roll);
+        button.innerText = "Roll";
+        outputMsg = `Player 1. Your number is ${chosenNumber1}.<br>Player 2. Press Roll to roll your dice.`;
+      } else if (input == 2) {
+        chosenNumber1 = Number(d2Roll + d1Roll);
+        button.innerText = "Roll";
+        outputMsg = `Player 1. Your number is ${chosenNumber1}.<br>Player 2. Press Roll to roll your dice.`;
+      }
+      gameMode = "p2Roll";
+    }
+  }
+  //   //Player 2 rolls dice
+  else if (gameMode == "p2Roll") {
+    d1Roll = getDiceRoll().toString();
+    d2Roll = getDiceRoll().toString();
+
+    if (d1Roll == d2Roll) {
+      chosenNumber2 = Number(d1Roll + d2Roll);
+      outputMsg = `Player 2. You rolled ${d1Roll} for both dices. Your number is: ${chosenNumber2}<br> Press Results to continue.`;
+      button.innerText = "Results";
+      gameMode = "results";
+    } else {
+      gameMode = "p2Choose";
+      outputMsg = `You rolled:<br> Dice One: ${d1Roll}<br> Dice Two: ${d2Roll}<br>Choose which dice goes first:<br>Enter 1 for Dice One, Enter 2 for Dice Two.`;
+      button.innerText = "Choose";
+    }
+  }
+
+  //   //Player 2 decides which dice to use first
+  else if (gameMode == "p2Choose") {
+    if (input != 1 && input != 2) {
+      outputMsg = "Invalid input. Enter 1 for Dice One, Enter 2 for Dice Two.";
+    } else {
+      if (input == 1) {
+        chosenNumber2 = Number(d1Roll + d2Roll);
+        button.innerText = "Results";
+        outputMsg = `Player 2. Your number is ${chosenNumber2}.<br> Press Results to continue.`;
+      } else if (input == 2) {
+        chosenNumber2 = Number(d2Roll + d1Roll);
+        button.innerText = "Results";
+        outputMsg = `Player 2. Your number is ${chosenNumber2}.<br> Press Results to continue.`;
+      }
+      gameMode = "results";
+    }
+  }
+  //   //Winner
+  else if (gameMode == "results") {
+    p1Score = p1Score + chosenNumber1;
+    p2Score = p2Score + chosenNumber2;
+    if (chosenNumber1 == chosenNumber2) {
+      outputMsg = `Player 1 played ${chosenNumber1}, Player 2 played ${chosenNumber2}.<br>
+  Its a tie!`;
+    } else if (chosenNumber1 > chosenNumber2) {
+      outputMsg = `Player 1 played ${chosenNumber1}, Player 2 played ${chosenNumber2}.<br>
+  Player 1 wins this round.`;
+    } else {
+      outputMsg = `Player 1 played ${chosenNumber1}, Player 2 played ${chosenNumber2}.<br>
+  Player 2 wins this round.`;
+    }
+    button.innerText = "View Scores";
+    gameMode = "score";
+  }
+  //Score
+  else if (gameMode == "score") {
+    if (p1Score > p2Score) {
+      winMsg = "Player 1 Wins!";
+      scoreMsg = `Total Score as of Round ${roundNumber}!<br>
+    Player 1: ${p1Score}<br>Player 2: ${p2Score}`;
+      button.innerText = `Play Round ${roundNumber + 1}`;
+    } else if (p2Score > p1Score) {
+      winMsg = "Player 2 Wins!";
+      scoreMsg = `Total Score as of Round ${roundNumber}!<br>
+    Player 2: ${p2Score}<br>Player 1: ${p1Score}`;
+      button.innerText = `Play Round ${roundNumber + 1}`;
+    } else {
+      scoreMsg = `Total Score as of Round ${roundNumber}!<br>
+    Player 1: ${p1Score}<br>Player 2: ${p2Score}<br>Its a tie!`;
+    }
+    if (roundNumber == totalRounds) {
+      outputMsg = `Game Over!<br>${scoreMsg}<br>${winMsg}`;
+      button.innerText = "Restart Game";
+      button.addEventListener("click", function () {
+        location.reload(); // function to refresh page and restart game.
+      });
+    } else {
+      gameMode = "gameStart";
+      roundNumber++;
+      outputMsg = scoreMsg;
+    }
+  }
+
+  return outputMsg;
+}
