Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Dice Roll Game</title>
    </head>
    <body>
        <h1>Dice Roller</h1>
        <div class="dice" id="first-die"></div>
        <div class="dice" id="second-die"></div>
        <button id="roll-dice">Roll the Dice</button>
        <div class="outcome"></div>
        <div id="sum"> <p><span id="total"></span> Total</p></div>
        <div> <p><span id="wins"></span> Won</p></div>
        <div> <p><span id="losses"></span> Lost</p></div>
        <div> <p><span id="pct"></span>% Won</p></div>
  </body>
</html>