rolling_dice.html

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Rolling Dice</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  label { 
    display: inline-block; 
    width: 150px; 
    margin-right: 10px; 
    vertical-align: top; 
    text-align: right; 
}
</style>
</head>
<body>
  <form id="form">
    <label>Type of dice 1:</label> <input type="text" id="type" /><br />
    <span id="addDice"></span>
    <label>Number of roll, dice 1:</label> <input type="text" id="number" /><br />
    <span id="addRoll"></span>
    <input type="button" id="jet" value="I can haz mah dice roll'd ?" onclick="rollDice()" />
    <input type="button" id="add" value="add a dice" onclick="addDice()" />
 </form> 
  <p id="result"></p>
</body>
</html>