dice.html

<!DOCTYPE HTML>
<html>
<head> 
  <link rel="stylesheet" type="text/css" href="style1.css">


  <title>Game</title>
  </head>
  <script src="dice.js"></script>.


<body>


 <div id="container">
<div id="font">
  <div id="time">20</div>
</div>
  <center>
          <h1>DICE GAME</h1>
        </center>
<div id="second">
          <img src="dice-1.png" id="imgd">
        </div>
  
  <div id="die" class="dice">0</div>
  <div id="total" class="tot">0</div>

<div id="pos">
<h2>Total</h2>
</div>
  <button onclick="rollDice()" id="Button">Roll Dice </button>
  <h2 id= "status" style= "clear: left;" > </h2>

        
</div>