Damage Calculator
About this app
A calculator to determine battle damage in a game.
Pokémon Damage Calculator Pokémon Damage Calculator Attacker's Level: Attacker's Attack Stat: Defender's Defense Stat: Move Power: Attack Modifier: Defense Modifier: Effective Hit: Not Very Effective (0.75) Normal (1) Super Effective (1.5) Critical Hit: No Yes Multiple Hits: No Yes Minimum Hits: Maximum Hits: Calculate Damage
Related apps
Put this on your site
Source
<!DOCTYPE html>
<html>
<head>
<title>Pokémon Damage Calculator</title>
<meta name="description" content="Calculate damage in Pokémon battles">
<meta name="keywords" content="Pokémon, damage, calculator">
<style>
body {
font-family: 'Arial', sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
font-size: 24px;
margin-bottom: 20px;
}
.container {
width: 400px;
margin: 0 auto;
}
.input-group {
margin-bottom: 20px;
}
.input-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.input-group input {
width: 100%;
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
}
.input-group select {
width: 100%;
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
}
.input-group button {
display: block;
width: 100%;
padding: 10px;
font-size: 16px;
background-color: #4CAF50;
color: #fff;
border: none;
cursor: pointer;
}
.result {
margin-top: 20px;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<h1>Pokémon Damage Calculator</h1>
<div class="container">
<div class="input-group">
<label for="level">Attacker's Level:</label>
<input type="number" id="level" min="1" max="100" required>
</div>
<div class="input-group">
<label for="attack">Attacker's Attack Stat:</label>
<input type="number" id="attack" required>
</div>
<div class="input-group">
<label for="defense">Defender's Defense Stat:</label>
<input type="number" id="defense" required>
</div>
<div class="input-group">
<label for="movePower">Move Power:</label>
<input type="number" id="movePower" required>
</div>
<div class="input-group">
<label for="attackModifier">Attack Modifier:</label>
<input type="number" id="attackModifier" min="-5" max="5" required>
</div>
<div class="input-group">
<label for="defenseModifier">Defense Modifier:</label>
<input type="number" id="defenseModifier" min="-5" max="5" required>
</div>
<div class="input-group">
<label for="effectiveHit">Effective Hit:</label>
<select id="effectiveHit">
<option value="0.75">Not Very Effective (0.75)</option>
<option value="1">Normal (1)</option>
<option value="1.5">Super Effective (1.5)</option>
</select>
</div>
<div class="input-group">
<label for="isCritical">Critical Hit:</label>
<select id="isCritical">
<option value="false">No</option>
<option value="true">Yes</option>
</select>
</div>
<div class="input-group">
<label for="isMultipleHits">Multiple Hits:</label>
<select id="isMultipleHits">
<option value="false">No</option>
<option value="true">Yes</option>
</select>
</div>
<div class="input-group">
<label for="minHits">Minimum Hits:</label>
<input type="number" id="minHits" min="1" required>
</div>
<div class="input-group">
<label for="maxHits">Maximum Hits:</label>
<input type="number" id="maxHits" min="1" required>
</div>
<button onclick="calculateDamage()">Calculate Damage</button>
<div class="result" id="result"></div>
</div>
<script>
function calculateDamage() {
var level = parseInt(document.getElementById('level').value);
var attack = parseInt(document.getElementById('attack').value);
var defense = parseInt(document.getElementById('defense').value);
var movePower = parseInt(document.getElementById('movePower').value);
var attackModifier = parseInt(document.getElementById('attackModifier').value);
var defenseModifier = parseInt(document.getElementById('defenseModifier').value);
var effectiveHit = parseFloat(document.getElementById('effectiveHit').value);
var isCritical = (document.getElementById('isCritical').value === 'true');
var isMultipleHits = (document.getElementById('isMultipleHits').value === 'true');
var minHits = parseInt(document.getElementById('minHits').value);
var maxHits = parseInt(document.getElementById('maxHits').value);
var damage = 0;
if (isMultipleHits) {
var totalDamage = 0;
for (var hits = minHits; hits <= maxHits; hits++) {
damage = (((2 * level + 10) / 250) * (attack / (defense * defenseModifier)) * (movePower + 2) * attackModifier * effectiveHit);
totalDamage += damage * hits;
}
damage = totalDamage / (maxHits - minHits + 1);
} else {
damage = (((2 * level + 10) / 250) * (attack / (defense * defenseModifier)) * (movePower + 2) * attackModifier * effectiveHit);
}
if (isCritical) {
damage *= 2;
}
damage = Math.round(damage);
document.getElementById('result').innerHTML = 'Damage: ' + damage;
}
</script>
</body>
</html>
NEW APPS
These are apps made by the community!