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..e7b82f2 100644
--- a/script.js
+++ b/script.js
@@ -1 +1,66 @@
 //write code here
+let current = 0;
+let currentPlayer = 0;
+let score = [0, 0];
+document.querySelector(".btn--roll").addEventListener("click", function () {
+  dice = Math.trunc(Math.random() * 6) + 1;
+  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(`#current--${currentPlayer}`).innerText = current;
+    //   current = 0
+  }
+});
+// hold button
+document.querySelector(".btn--hold").addEventListener("click", function () {
+  score[currentPlayer] += current;
+  if (score[currentPlayer] >= 100) {
+    this.disabled = true;
+    this.disabled = true;
+    console.log(this);
+    document.querySelector(`#name--${currentPlayer}`).innerText = "winner!!";
+
+    document.querySelector(`#score--${currentPlayer}`).innerText =
+      score[currentPlayer];
+    document
+      .querySelector(`.player--${currentPlayer}`)
+      .classList.add("player--winner");
+  }
+  document.querySelector(`#score--${currentPlayer}`).innerText =
+    score[currentPlayer];
+  document.querySelector(`#current--${currentPlayer}`).innerText = 0;
+  currentPlayer == 0 ? (currentPlayer = 1) : (currentPlayer = 0);
+  current = 0;
+
+  document.querySelector(".player--0").classList.toggle("player--active");
+  document.querySelector(".player--1").classList.toggle("player--active");
+});
+// rest a game
+document.querySelector(".btn--new").addEventListener("click", function () {
+  score = [0, 0];
+  current = 0;
+  // Math.trunc(Math.random() * 6) + 1;
+  currentPlayer = 0;
+  document.querySelector(`#current--${current}`).innerText = 0;
+
+  // document.querySelector(`#score--0${currentPlayer}`).innerText = 0;
+  document.querySelector("#score--0").innerText = 0;
+  document.querySelector("#score--1").innerText = 0;
+  document.querySelector(".btn--hold").disabled = false;
+  document.querySelector(".btn--roll").disabled = false;
+  document.querySelector(`.player--0`).classList.remove("player--winner");
+  document.querySelector(`.player--1`).classList.remove("player--winner");
+
+  document.querySelector(".player--0").classList.add("player--active");
+  document.querySelector(".player--1").classList.remove("player--active");
+  document.querySelector("#name--0").innerText = "Player 1";
+  document.querySelector("#name--1").innerText = "Player 2";
+});