993
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 1: | Linha 1: | ||
<div> | <div> | ||
<h5>Resultado</h5> | <h5 class="text-center">Resultado</h5> | ||
<h6 data-target="boostCalc-result"></h6> | |||
</div> | </div> | ||
Linha 160: | Linha 160: | ||
document.addEventListener('DOMContentLoaded', function () { | document.addEventListener('DOMContentLoaded', function () { | ||
const resultArea = document.querySelector("[data-target='boostCalc--result']"); | |||
const form = document.querySelector("[data-target='calcBoostForm']"); | const form = document.querySelector("[data-target='calcBoostForm']"); | ||
form.addEventListener("submit", function (e) { | form.addEventListener("submit", function (e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
let result; | |||
const formData = new FormData(form); | const formData = new FormData(form); | ||
const boostType = formData.get("boostType"); | const boostType = formData.get("boostType"); | ||
Linha 178: | Linha 180: | ||
if (specialBoost == "on") { | if (specialBoost == "on") { | ||
result = calcExceptionBoost(startBoost, endBoost, boostType, stonePrice, boostStonePrice); | |||
resultArea.html(` | |||
Pedras comuns: <span class=""> ${result[result.length - 1].normal_stones} </span> | |||
Pedras de boost: <span class=""> ${result[result.length - 1].boost_stones} </span> | |||
Custo total: <span class=""> ${result[result.length - 1].price} K </span> | |||
`); | |||
} else { | } else { | ||
result = calcNormalBoost(startBoost, endBoost, boostType, stonePrice, boostStonePrice); | |||
resultArea.html(` | |||
Pedras comuns: <span class=""> ${result[result.length - 1].normal_stones} </span> | |||
Pedras de boost: <span class=""> ${result[result.length - 1].boost_stones} </span> | |||
Custo total: <span class=""> ${result[result.length - 1].price} K </span> | |||
`); | |||
} | } | ||
}); | }); | ||
}); | }); | ||
</script> | </script> |