added customized player names

app.js

@@ -80,6 +80,13 @@ function newGame() {
     score1.textContent = '0';
     current0.textContent = '0';
     current1.textContent = '0';
+    var r = confirm("Would you like to change the name of players?");
+    if (r == true) {
+        var person = prompt("Please enter your name", player0);
+        document.getElementById("name-0").innerHTML =person;
+        var person2 = prompt("Please enter your name", player1);
+        document.getElementById("name-1").innerHTML =person2;
+    }
     document.querySelector('.player-0-panel').classList.add('active');
     document.querySelector('.player-1-panel').classList.remove('active');
     document.querySelector('.dice').style.display = 'none'

index.html

@@ -56,7 +56,6 @@
                     <div class="player-current-score" id="current-0">0</div>
                 </div>
             </div>
-
             <div class="player-1-panel">
                 <div class="player-name" id="name-1">Player 2</div>
                 <div class="player-score" id="score-1">0</div>
@@ -76,4 +75,14 @@
         <script src="app.js"></script>
     <!-- body ends here -->
     </body>
+    <script>
+        var player0 = prompt("Please enter your name", "Player 1");
+        if (player0 != null) {
+        document.getElementById("name-0").innerHTML =player0;
+        }
+        var player1 = prompt("Please enter your name", "Player 2");
+        if (player1 != null) {
+        document.getElementById("name-1").innerHTML =player1;
+        }
+    </script>
 </html>