From 5c505a907d0bdff49a78a4c4d87637f9804a326c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C2=96=C2=96=C2=96YahyeMahmauud?= Date: Thu, 12 May 2022 02:04:46 -0800 Subject: [PATCH 1/2] completed ready to play --- index.html | 4 ++-- script.js | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 72 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index f72c8f4..d04cd09 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@

Player 1

-

43

+

0

Current

0

@@ -19,7 +19,7 @@

Player 1

Player 2

-

24

+

0

Current

0

diff --git a/script.js b/script.js index 66880d2..24639a3 100644 --- a/script.js +++ b/script.js @@ -1 +1,71 @@ //write code here + +let scores, dice, current, currentPlayer, playing; + +function initilization() { + dice; + current = 0; + currentPlayer = 0; + scores = [0, 0]; + playing = true; + + document.querySelector("#score--0").innerText = 0; + document.querySelector("#score--1").innerText = 0; + document.querySelector("#current--0").innerText = 0; + document.querySelector("#current--1").innerText = 0; + document.querySelector(".player--0").classList.add("player--active"); + document.querySelector(".player--1").classList.remove("player--active"); + document.querySelector(".player--0").classList.remove("player--winner"); + document.querySelector(".player--1").classList.remove("player--winner"); + document.querySelector("#name--0").innerText = "Player 1"; + document.querySelector("#name--1").innerText = "Player 2"; +} +initilization(); + +document.querySelector(".btn--roll").addEventListener("click", function () { + if (playing) { + dice = Math.trunc(Math.random() * 6 + 1); + // console.log(dice); + document.querySelector(".dice").src = `dice-${dice}.png`; + if (dice != 1) { + current = current + dice; + + document.querySelector(`#current--${currentPlayer}`).innerText = current; + } else if (dice === 1) { + current = 0; + currentPlayer == 0 ? (currentPlayer = 1) : (currentPlayer = 0); + document.querySelector(`#current--${currentPlayer}`).innerText = current; + + document.querySelector(".player--0").classList.toggle("player--active"); + document.querySelector(".player--1").classList.toggle("player--active"); + } + } +}); + +document.querySelector(".btn--hold").addEventListener("click", function () { + if (playing) { + scores[currentPlayer] = scores[currentPlayer] + current; + document.querySelector(`#score--${currentPlayer}`).innerText = + scores[currentPlayer]; + + if (scores[currentPlayer] >= 100) { + playing = false; + document + .querySelector(`.player--${currentPlayer}`) + .classList.add("player--winner"); + document + .querySelector(`.player--${currentPlayer}`) + .classList.remove("player--active"); + document.querySelector(`#name--${currentPlayer}`).innerText = "Winner๐Ÿฅˆ"; + } else { + current = 0; + currentPlayer == 0 ? (currentPlayer = 1) : (currentPlayer = 0); + document.querySelector(`#current--${currentPlayer}`).innerText = current; + + document.querySelector(".player--0").classList.toggle("player--active"); + document.querySelector(".player--1").classList.toggle("player--active"); + } + } +}); + +document.querySelector(".btn--new").addEventListener("click", initilization); From 617749bdcc4eb5994406b4699e3f5d01a7832ee2 Mon Sep 17 00:00:00 2001 From: Yahya Mohamud Ahmed <102900414+YahyeMahmauud@users.noreply.github.com> Date: Thu, 12 May 2022 03:10:04 -0800 Subject: [PATCH 2/2] Update README.md --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 63b955f..8fe90b6 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://yahyemahmauud.github.io/dice-game/