Apply DRY principle for code reused; Check if the player won the game…

… else implement nextPlayer function

main.js

@@ -32,36 +32,43 @@ document.querySelector('.btn-roll-dice').addEventListener('click', function () {
 		rolledScore = rolledScore + dice;
 		document.querySelector('#current-' + activePlayer).textContent = rolledScore;
 	} else {
-		//Next player
-		document.getElementById('current-1').textContent = '0';
-		document.getElementById('current-2').textContent = '0';
+		nextPlayer();
+	}
+});
 
-		rolledScore = 0;
+document.querySelector('.btn-hold').addEventListener('click', function () {
+	//Add rolled score to the player main score
+	scores[activePlayer - 1] = scores[activePlayer - 1] + rolledScore;
 
-		activePlayer === 1 ? activePlayer = 2 : activePlayer = 1;
+	//Update and display the player main score
+	document.querySelector('#score-' + activePlayer).textContent = scores[activePlayer - 1];
 
-		document.querySelector('.player-1-panel').classList.toggle('active');
-		document.querySelector('.player-2-panel').classList.toggle('active');
+	//Check if the player won the game
+	if (scores[activePlayer - 1] >= 20) {
+		//id="name-1"
+		document.querySelector('#name-' + activePlayer).textContent = 'WINNER!';
 
 		document.querySelector('#dice-1').style.display = 'none';
 		document.querySelector('#dice-2').style.display = 'none';
+	} else {
+		nextPlayer();
 	}
 });
 
-document.querySelector('.btn-hold').addEventListener('click', function () {
-	scores[activePlayer - 1] = scores[activePlayer - 1] + rolledScore;
-
-	document.querySelector('#score-' + activePlayer).textContent = scores[activePlayer - 1];
-
+function nextPlayer() {
 	document.getElementById('current-1').textContent = '0';
 	document.getElementById('current-2').textContent = '0';
+
 	rolledScore = 0;
+
 	activePlayer === 1 ? activePlayer = 2 : activePlayer = 1;
+
 	document.querySelector('.player-1-panel').classList.toggle('active');
 	document.querySelector('.player-2-panel').classList.toggle('active');
+
 	document.querySelector('#dice-1').style.display = 'none';
 	document.querySelector('#dice-2').style.display = 'none';
-});
+}
 
 
 ///////