Free Javascripts - Dice Roller

In a Nutshell: Gamers and gamblers alike are free to experiment to their hearts content with this randomized dice rolling Javascript. Use its wide functionality to add elements of interactivity and unpredictability to any site, or to generate cheat-proof character sheets for roleplaying games and the like.

Use it Yourself: The following snippet of code must be placed within the <head> section of your page's HTML. It constitutes the actual calculator/generator portion of the device. Copy and paste the code from below.

Now, cut and copy the form below before pasting it into the <body> section of your page. This portion of code can be easily modified to alter the aesthetics of the table to suit your personal desires.

<div align="center">
<font size="5" color="Red">Dice Roller</font><p>
<table name="die_roller" border="2" cellpadding="5">
<tr>
<td colspan="2" align="middle"><strong>What type of die?</strong></td>
<td colspan="2" align="middle"><strong>How many dice to roll?</strong></td>
</tr>
<tr>
<td valign="top" align="middle">
<form name="die_type">
<p><input type="radio" name="sides" onclick="die = 3"><strong>3 Sided</strong></p>
<p><input type="radio" name="sides" onclick="die = 4"><strong>4 Sided</strong></p>
<p><input type="radio" name="sides" onclick="die = 5"><strong>5 Sided</strong></p>
<p><input type="radio" checked name="sides" onclick="die = 6"><strong>6 Sided</strong></p>
<p><input type="radio" name="sides" onclick="die = 8"><strong>8 Sided</strong></p>
</td>
<td valign="top" align="middle">
<p><input type="radio" name="sides" onclick="die = 10"><strong>10 Sided</strong></p>
<p><input type="radio" name="sides" onclick="die = 12"><strong>12 Sided</strong></p>
<p><input type="radio" name="sides" onclick="die = 20"><strong>20 Sided</strong></p>
<p><input type="radio" name="sides" onclick="die = 30"><strong>30 Sided</strong></p>
<p><input type="radio" name="sides" onclick="die = 100"><strong>100 Sided</strong></p>
</form>
</td>
<td valign="top" align="middle">
<form name="die_number">
<p><input type="radio" name="number" onclick="dice = 1"><strong>1</strong></p>
<p><input type="radio" name="number" onclick="dice = 2"><strong>2</strong></p>
<p><input type="radio" checked name="number" onclick="dice = 3"><strong>3</strong></p>
<p><input type="radio" name="number" onclick="dice = 4"><strong>4</strong></p>
<p><input type="radio" name="number" onclick="dice = 5"><strong>5</strong></p>
</td>
<td valign="top" align="middle">
<p><input type="radio" name="number" onclick="dice = 6"><strong>6</strong></p>
<p><input type="radio" name="number" onclick="dice = 7"><strong>7</strong></p>
<p><input type="radio" name="number" onclick="dice = 8"><strong>8</strong></p>
<p><input type="radio" name="number" onclick="dice = 9"><strong>9</strong></p>
<p><input type="radio" name="number" onclick="dice = 10"><strong>10</strong></p>
</form>
</td>
</tr>
<form name="die_form">
<tr>
<td align="middle" colspan="4">
<input type="button" value="Roll Dice" name="button" onclick="
dice_roll(die, dice)">
<input type="text" size="10" name="text">
</td>
</tr>
</form>
</table>
</div>

Copyright © 1999-2024 Curiosity Cave Pty Ltd. All rights by all media reserved. All elements on this site, including page design, contents and graphics (with the obvious exception of the free Javascripts) may not be reproduced, broadcast, rewritten or redistributed in whole or in part without the expressed written permission of Curiosity Cave Pty Ltd.