index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Dead Cells calculator</title>
  6. <link rel="stylesheet" href="style.css">
  7. <script src="script.js"></script>
  8. </head>
  9. <body onload="document.getElementById('frm').reset();">
  10. <div class="navbar">
  11. <a href="https://docs.google.com/spreadsheets/d/1TxHlmb7zKaXEcbKbqoPMMUzOEdp_LLM-RMcdqH7-mpM">Stat spreadsheet</a>
  12. </div>
  13. <div class="content">
  14. <h1>Dead Cells HP calculator</h1>
  15. <datalist id="browsers">
  16. <option value="Internet Explorer">
  17. <option value="Firefox">
  18. <option value="Google Chrome">
  19. <option value="Opera">
  20. <option value="Safari">
  21. </datalist>
  22. <form id="frm">
  23. Brutality: <input value="1" min="1" step="1" type="number" onchange="update_stat(0, this.value)" id="brut" /><br />
  24. Tactics: <input value="1" min="1" step="1" type="number" onchange="update_stat(1, this.value)" id="tact" /><br />
  25. Survival: <input value="1" min="1" step="1" type="number" onchange="update_stat(2, this.value)" id="surv" /><br />
  26. Difficulty: <input value="0" min="0" max="4" step="1" type="number" onchange="update_diff(this.value)" id="diff" /><br />
  27. Level:
  28. <select id="level" onchange="update_level(this.value)">
  29. <option value="-1">&lt;choose&gt;</option>
  30. <option value="0">Prisoners Quarters</option>
  31. <option value="1">PrisonCourtyard</option>
  32. <option value="2">PrisonDepths</option>
  33. <option value="3">SewerShort</option>
  34. <option value="4">PrisonRoof</option>
  35. <option value="5">Ossuary</option>
  36. <option value="6">SewerDepths</option>
  37. <option value="7">Bridge</option>
  38. <option value="8">Beholder</option>
  39. <option value="9">StiltVillage</option>
  40. <option value="10">AncientTemple</option>
  41. <option value="11">Cemetery</option>
  42. <option value="12">Crypt</option>
  43. <option value="13">ClockTower</option>
  44. <option value="14">TopClockTower</option>
  45. <option value="15">Castle</option>
  46. <option value="16">Throne</option>
  47. </select><br />
  48. Mob:
  49. <select id="mob" onchange="update_mob(this.value)">
  50. <option value="-1">&lt;choose&gt;</option>
  51. <option value="0">Zombie</option>
  52. <option value="1">Running Zombie</option>
  53. <option value="2">Purulent Zombie (Graveyard)</option>
  54. <option value="3">Buzzcutter</option>
  55. <option value="4">Purulent Zombie (Sewers)</option>
  56. <option value="5">S_Worm</option>
  57. <option value="6">S_WallEggWorm</option>
  58. <option value="7">EliteSideKick</option>
  59. <option value="8">Scorpio</option>
  60. <option value="9">Hammer</option>
  61. <option value="10">Grenader</option>
  62. <option value="11">ClusterGrenader</option>
  63. <option value="12">Archer</option>
  64. <option value="13">Ninja</option>
  65. <option value="14">Runner</option>
  66. <option value="15">LeapingDuelyst</option>
  67. <option value="16">Shield</option>
  68. <option value="17">SpikedSatyr</option>
  69. <option value="18">Worm</option>
  70. <option value="19">BatDasher</option>
  71. <option value="20">BatKamikaze</option>
  72. <option value="21">Fly</option>
  73. <option value="22">Shielder</option>
  74. <option value="23">Comboter</option>
  75. <option value="24">Hooker</option>
  76. <option value="25">AxeThrower</option>
  77. <option value="26">Spawner</option>
  78. <option value="27">Spawnling</option>
  79. <option value="28">Spinner</option>
  80. <option value="29">PirateChief</option>
  81. <option value="30">Spiker</option>
  82. <option value="31">Shocker</option>
  83. <option value="32">Mage360</option>
  84. <option value="33">OrbLauncher</option>
  85. <option value="34">Golem</option>
  86. <option value="35">Fogger</option>
  87. <option value="36">CastleKnight</option>
  88. <option value="37">Lancer</option>
  89. <option value="38">Behemoth</option>
  90. <option value="39">Beholder</option>
  91. <option value="40">Beholder Tentacle</option>
  92. <option value="41">Berserk</option>
  93. <option value="42">KingsHand</option>
  94. </select>
  95. </form>
  96. <button onclick="document.getElementById('frm').reset();">Reset</button>
  97. <div class="yay">HP: <span id="result">-</span></div>
  98. <div class="yay" id="capdiv" style="display: none;">Damage cap: <span id="hardcap">-</span></div>
  99. </div>
  100. </body>
  101. </html>