Simpletrixx-LearningJS/gaussDice.html

33 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>gaussDice</title>
<style>
</style>
</head>
<body>
<form>
<h2 style="margin-left: 20%;">Gaussian Dice Roll</h2>
<p style="margin-left: 10%;">
The Roll should give Values from 0 to double the Mean,<br>
but have the bulk of Rolls be around the Mean.
</p>
<input style="margin-left: 20%;" type="number" id="DamageInput" placeholder="Mean">
<input type="button" id="DamageButton" value="Gauss' it!">
<p style="margin-left: 20%;" id="DamageOutput"></p>
<br>
<h2 style="margin-left: 20%;">Health Damage from casting Spells</h2>
<p style="margin-left: 10%;">
The longer you cast your Spells, the more strain on the body<br>
As long as the Time you cast stays under your Mana, you recieve no Damage.
</p>
<input style="margin-left: 20%;" type="number" id="Time" placeholder="Time">
<input type="number" id="Mana" placeholder="Mana">
<input type="button" id="HealthPress" value="Cast">
<p style="margin-left: 20%;" id="HealthField"></p>
</form>
<script src="gaussDice.js"></script>
</body>
</html>