50 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			50 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| 
								 | 
							
								<!DOCTYPE html>
							 | 
						||
| 
								 | 
							
								<html lang="en">
							 | 
						||
| 
								 | 
							
								<head>
							 | 
						||
| 
								 | 
							
								    <meta charset="UTF-8">
							 | 
						||
| 
								 | 
							
								    <title>Gamma World Physical Attack Roll</title>
							 | 
						||
| 
								 | 
							
								    <link rel="stylesheet" type="text/css" href="styles.css">
							 | 
						||
| 
								 | 
							
								    <script src="physicalattack.js" defer></script>
							 | 
						||
| 
								 | 
							
								</head>
							 | 
						||
| 
								 | 
							
								<body>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<h2>Attempt A Physical Attack</h2>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<div class="content-container">
							 | 
						||
| 
								 | 
							
								    <form id="physicalAttackForm">
							 | 
						||
| 
								 | 
							
								        <div class="form-row">
							 | 
						||
| 
								 | 
							
								            <div class="form-field">
							 | 
						||
| 
								 | 
							
								                <label for="dac">Defender Armour Class:</label>
							 | 
						||
| 
								 | 
							
								                <input type="number" name="dac" id="dac" min="1" max="10" value="5">
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								            <div class="form-field">
							 | 
						||
| 
								 | 
							
								                <label for="weapon_attack">Weapon Attack?</label>
							 | 
						||
| 
								 | 
							
								                <input type="checkbox" name="weapon_attack" id="weapon_attack"/>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								        </div>
							 | 
						||
| 
								 | 
							
								        <div class="form-row">
							 | 
						||
| 
								 | 
							
								            <div class="form-field">
							 | 
						||
| 
								 | 
							
								                <label for="awc">Attacker Weapon Class:</label>
							 | 
						||
| 
								 | 
							
								                <input type="number" name="awc" id="awc" min="1" max="16" value="8">
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								            <div class="form-field">
							 | 
						||
| 
								 | 
							
								                <label for="ahd">Attacker Hit Dice:</label>
							 | 
						||
| 
								 | 
							
								                <input type="number" name="ahd" id="ahd" min="1" max="16" value="8">
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								        <div class="form-row">
							 | 
						||
| 
								 | 
							
								            <div class="form-field">
							 | 
						||
| 
								 | 
							
								                <label for="modifier">Modifier:</label>
							 | 
						||
| 
								 | 
							
								                <input type="number" name="modifier" id="modifier" min="-100" max="100" value="0">
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								            <div class="form-field">
							 | 
						||
| 
								 | 
							
								                <button type="submit">Attack!</button>
							 | 
						||
| 
								 | 
							
								            </div>
							 | 
						||
| 
								 | 
							
								        </div>
							 | 
						||
| 
								 | 
							
								    </form>
							 | 
						||
| 
								 | 
							
								</div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<hr/>
							 | 
						||
| 
								 | 
							
								<div id="results"></div>
							 | 
						||
| 
								 | 
							
								</body>
							 | 
						||
| 
								 | 
							
								</html>
							 |