|
|
| Line 1: |
Line 1: |
| <widget>
| |
| <html><![CDATA[
| |
| <div id="combat-calculator" style="border: 1px solid #ccc; padding: 20px; max-width: 400px; background: #f9f9f9; border-radius: 10px;">
| |
| <h3>Combat Level Calculator</h3>
| |
|
| |
|
| <label>Hitpoints: <input id="stat-hp" type="number" value="10" min="1" /></label><br>
| |
| <label>Accuracy: <input id="stat-accuracy" type="number" value="1" min="1" /></label><br>
| |
| <label>Strength: <input id="stat-strength" type="number" value="1" min="1" /></label><br>
| |
| <label>Defense: <input id="stat-defense" type="number" value="1" min="1" /></label><br>
| |
| <label>Magic: <input id="stat-magic" type="number" value="1" min="1" /></label><br>
| |
| <label>Range: <input id="stat-range" type="number" value="1" min="1" /></label><br><br>
| |
|
| |
| <button onclick="calculateCombat()">Calculate</button>
| |
| <p><b>Combat Level:</b> <span id="combat-result">--</span></p>
| |
| </div>
| |
| ]]></html>
| |
|
| |
| <script><![CDATA[
| |
| function calculateCombat() {
| |
| var hp = parseFloat(document.getElementById("stat-hp").value) || 0;
| |
| var acc = parseFloat(document.getElementById("stat-accuracy").value) || 0;
| |
| var str = parseFloat(document.getElementById("stat-strength").value) || 0;
| |
| var def = parseFloat(document.getElementById("stat-defense").value) || 0;
| |
| var mag = parseFloat(document.getElementById("stat-magic").value) || 0;
| |
| var rng = parseFloat(document.getElementById("stat-range").value) || 0;
| |
|
| |
| var combat = (hp + acc + str + def + (mag / 4) + (rng / 4)) / 3.75;
| |
| document.getElementById("combat-result").innerText = combat.toFixed(2);
| |
| }
| |
| ]]></script>
| |
| </widget>
| |