Use the .querySelector method to set the dice value on this HTML element

Add comments to walkthrough the process

Author: Josie-N

JS_Basic_Challenges/.DS_Store

@@ -13,8 +13,15 @@ GAME RULES:
 
 var totalScore, currentScore, activePlayer, dice;
 
-var totalScore = [0,0];    // the total score each player has, added together, after multiple rounds of rolling the dice
+var totalScore = [0,0];     // the total score each player has, added together, after multiple rounds of rolling the dice
 var currentScore = 0;       // the score each player has per round/ session, when it's they're actively rolling the dice 
-var activePlayer = 0;     // the player that is currently rolling the dice 
+var activePlayer = 0;       // the player that is currently rolling the dice (can either be 0 or 1)
 
 dice = Math.floor(Math.random() * 6) + 1;  // create a dice that generates a random number from 1 to 6 (included)
+
+// Use the 'querySelector' method to select and change the value of the html element with the id starting with "current-". 
+// The 'textContent' property sets or returns the text content of the node you specify. In our case, that's the dice value of the player rolling it.
+// Use concatenation (+) to create a dynamic class; the player can either be 0 (id="current-0") or 1 (id="current-1").
+document.querySelector('#current-'  + activePlayer).textContent = dice;
+// Longer version: document.querySelector('#current-' + activePlayer).textContent = Math.floor(Math.random() * 6) + 1;
+