Widget:BoostCalcForm: mudanças entre as edições

Widget:BoostCalcForm (ver código-fonte)

Edição das 00h02min de 11 de abril de 2023

912 bytes adicionados , 11 de abril de 2023

sem sumário de edição

Rag

Burocratas, Administradores da interface, Administradores, Editores de widget

992

edições

@@ Linha 1: / Linha 1: @@
 <div>
-<h5>Resultado</h5>
+<h5 class="text-center">Resultado</h5>
+<h6 data-target="boostCalc-result"></h6>
 </div>
@@ Linha 160: / Linha 160: @@
          document.addEventListener('DOMContentLoaded', function () {
+            const resultArea = document.querySelector("[data-target='boostCalc--result']");
              const form = document.querySelector("[data-target='calcBoostForm']");
              form.addEventListener("submit", function (e) {
                  e.preventDefault();
+                let result;
                  const formData = new FormData(form);
                  const boostType = formData.get("boostType");
@@ Linha 178: / Linha 180: @@
                  if (specialBoost == "on") {
-                     console.log(calcExceptionBoost(startBoost, endBoost, boostType, stonePrice, boostStonePrice));
+                     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 {
-                     console.log(calcNormalBoost(startBoost, endBoost, boostType, stonePrice, boostStonePrice));
+                     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>