Dicegame/MLousdal/index.html

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Dice on ice</title><meta name="description" content="Play this entertaining 2-player dice game!"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="index.f7d0c69c.css"><link rel="icon" type="image/png" href="favicon-32x32.4ff79433.png" sizes="32x32"><script src="index.a87acac9.js" defer type="module"></script></head><body class="theme-light"> <h1>Dice on ice 🎲</h1> <main class="between flex gameTable gap-1 wrapper"> <section class="box playerSection" id="player1"> <h2>PLAYER 1 <span class="active activePlayer">🎲</span></h2> <span id="playerScore" class="score">0</span> <div class="current"> <div id="wins"></div> <p class="held large-text">Held: <span id="currentScore">0</span></p> </div> </section> <section class="box playerSection" id="player2"> <h2>PLAYER 2 <span class="activePlayer">🎲</span></h2> <span id="playerScore" class="score">0</span> <div class="current"> <div id="wins"></div> <p class="held large-text">Held: <span id="currentScore">0</span> </p> </div> </section> <section class="buttonContainer center column flex gap-1"> <div class="diceContainer"> <div class="dice">6</div> </div> <button id="newGame" class="hide" data-alttext="🔄 Restart"><span>🔄 New Game</span></button> <button id="rollDice" data-alttext="🎲 Roll"><span>🎲 Roll dice</span></button> <button id="hold" data-alttext="📥 hold"><span>📥 hold</span></button> </section> </main> <section class="column flex gap-1 wrapper"> <div> <button class="accordion">Rules</button> <div class="panel"> <ul> <li>Each player is allowed to roll the dice till the dice shows one</li> <li>As soon as dice shows one all the cumulative scores till now becomes zero</li> <li>If the player holds the score, then his/her score is added to his permanent final score</li> <li>The first player to score a permanent score of 50 wins!!</li> </ul> </div> </div> </section> </body></html>