diff --git a/README.md b/README.md
index 63b955f..491142d 100644
--- a/README.md
+++ b/README.md
@@ -7,4 +7,6 @@ The dice game is a two player game. Each turn, a player repeatedly rolls a die u
 > There is a flowchart of how the game should function in the folder for you to understand the flow.
 
 
-The starter folder has the beginning code of the design of the game but not javascript functionality, we will be doing that together!😊
\ No newline at end of file
+The starter folder has the beginning code of the design of the game but not javascript functionality, we will be doing that together!😊
+
+### https://mabdullahx.github.io/dice-game/
diff --git a/index.html b/index.html
index f72c8f4..d04cd09 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <main>
       <section class="player player--0 player--active">
         <h2 class="name" id="name--0">Player 1</h2>
-        <p class="score" id="score--0">43</p>
+        <p class="score" id="score--0">0</p>
         <div class="current">
           <p class="current-label">Current</p>
           <p class="current-score" id="current--0">0</p>
@@ -19,7 +19,7 @@ <h2 class="name" id="name--0">Player 1</h2>
       </section>
       <section class="player player--1">
         <h2 class="name" id="name--1">Player 2</h2>
-        <p class="score" id="score--1">24</p>
+        <p class="score" id="score--1">0</p>
         <div class="current">
           <p class="current-label">Current</p>
           <p class="current-score" id="current--1">0</p>
diff --git a/script.js b/script.js
index 66880d2..7e7600e 100644
--- a/script.js
+++ b/script.js
@@ -1 +1,75 @@
 //write code here
+let dice;
+let scores = [0, 0];
+let current = 0;
+let currentPlayer = 0;
+
+document.querySelector(".btn--roll").addEventListener("click", function () {
+  scores[currentPlayer] < 100
+    ? (dice = Math.trunc(Math.random() * 6) + 1)
+    : (dice = 0);
+  dice >= 1 && dice <= 6
+    ? (document.querySelector(".dice").src = `dice-${dice}.png`)
+    : "";
+
+  if (dice == 1) {
+    current = 0;
+    document.querySelector(`#current--${currentPlayer}`).innerText = current;
+    currentPlayer == 0 ? (currentPlayer = 1) : (currentPlayer = 0);
+    document.querySelector(".player--0").classList.toggle("player--active");
+    document.querySelector(".player--1").classList.toggle("player--active");
+  } else {
+    current += dice;
+    document.querySelector(`#current--${currentPlayer}`).innerText = current;
+  }
+});
+
+document.querySelector(".btn--hold").addEventListener("click", function () {
+  scores[currentPlayer] += current;
+  if (scores[currentPlayer] >= 100) {
+    document.querySelector(`#score--${currentPlayer}`).innerText =
+      scores[currentPlayer];
+
+    document
+      .querySelector(`.player--${currentPlayer}`)
+      .classList.add("player--winner");
+    document.querySelector(`#name--${currentPlayer}`).innerText = "Winner!";
+  }
+
+  document.querySelector(`#score--${currentPlayer}`).innerText =
+    scores[currentPlayer];
+  current = 0;
+  document.querySelector(`#current--${currentPlayer}`).innerText = current;
+
+  if (currentPlayer == 0 && scores[currentPlayer] < 100) {
+    currentPlayer = 1;
+  } else {
+    if ((currentPlayer = 1 && scores[currentPlayer] < 100)) {
+      currentPlayer = 0;
+    }
+  }
+
+  document.querySelector(".player--0").classList.toggle("player--active");
+  document.querySelector(".player--1").classList.toggle("player--active");
+});
+
+document.querySelector(".btn--new").addEventListener("click", function () {
+  // dice = Math.trunc(Math.random() * 6) + 1;
+  // document.querySelector(".dice").src = `dice-${dice}.png`;
+  current = 0;
+  scores = [0, 0];
+  currentPlayer = 0;
+
+  document.querySelector(`#current--0`).innerText = 0;
+  document.querySelector(`#current--1`).innerText = 0;
+  document.querySelector(`#score--0`).innerText = 0;
+  document.querySelector(`#score--1`).innerText = 0;
+
+  document.querySelector(".player--0").classList.add("player--active");
+  document.querySelector(".player--0").classList.remove("player--winner");
+  document.querySelector(".player--1").classList.remove("player--winner");
+  document.querySelector(".player--1").classList.remove("player--active");
+
+  document.querySelector(`#name--0`).innerText = "Player 1";
+  document.querySelector(`#name--1`).innerText = "Player 2";
+});