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

De PokeXGames
Ir para navegação Ir para pesquisar
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") {
                     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 {
                 } 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>
</script>

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

Resultado

<form class="boostCalc__form" data-target="calcBoostForm"> 

           <select name="boostType" class="boostCalc__select" id="boostType">
               <option value="2">2</option>
               <option value="3">3</option>
               <option value="5">5</option>
               <option value="10">10</option>
           </select>

           <label class="boostCalc__label" for="boostType">Selecione o tipo do boost</label>

           <input placeholder=" " type="checkbox" name="specialBoost" id="specialBoostCheckbox">
           <label for="specialBoostCheckbox">Você irá usar metal, crystal ou ancient stone ?</label>

               <input placeholder=" " value="0" name="startBoost" id="startBoost" required class="boostCalc__input" min="0" max="49"
                   type="number">
               <label class="boostCalc__label" for="startBoost">Digite o boost atual</label>

               <input placeholder=" " value="50" name="endBoost" id="endBoost" required class="boostCalc__input" min="1" max="50"
                   type="number">
               <label class="boostCalc__label" for="endBoost">Digite o boost desejado</label>

           <input placeholder=" " name="stonePrice" id="stonePrice" class="boostCalc__input" type="number">
           <label class="boostCalc__label" for="stonePrice">Digite o preço da stone (Ex: 8)</label>

           <input placeholder=" " name="stonePrice" id="stonePrice" class="boostCalc__input" type="number">
           <label class="boostCalc__label" for="stonePrice">Digite o preço da Boost stone (Ex: 180)</label>

<button type="submit" class="hover-minimize" style="background:none;border:none;margin-top:1.5rem;cursor:pointer;"> <img style="border-radius:12px;" src="http://51.161.108.38/images/d/d3/Banner_calculadora.png" alt="Imagem botão calcular boost" /> </button> 

   </form>

<script> 

     // Função para formatar numeros para o padrão decimal
       const formatNumber = (number) => Number(number).toLocaleString("pt-BR", { style: "decimal" });

       // Função que retorna o calculo de gasto para boostar um pokemon (Forma normal) 
       function calcNormalBoost(initBoost, endBoost, boostType, stonePrice, boostStonePrice) {
           const responseBoost = [];
           let usedNormalStones = 0;
           let usedBoostStones = 0;
           let stonesForBoost = 0;

           for (i = 1; i <= initBoost; i++) {
               if (i % boostType === 0) stonesForBoost++;
           }

           for (i = initBoost + 1; i <= endBoost; i++) {
               if (i % boostType != 0 && i != initBoost) stonesForBoost++;

               if ((stonesForBoost * stonePrice) < boostStonePrice) {
                   usedNormalStones += stonesForBoost;
               } else {
                   usedBoostStones++;
               }

               responseBoost.push(
                   {
                       price: formatNumber((usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice)),
                       normal_stones: usedNormalStones,
                       boost_stones: usedBoostStones,
                       boost: i
                   }
               );
           }

           return responseBoost;
       }

       // Função que retorna o calculo de gasto para boostar um pokemon (Exceção) 
       function calcExceptionBoost(initBoost, endBoost, boostType, stonePrice, boostStonePrice) {
           const responseBoost = [];
           let usedStones = 0;
           let usedNormalStones = 0;
           let usedBoostStones = 0;
           let stonesForBoost = 1;

           for (i = 1; i <= initBoost; i++) {
               if (i < 10) continue;
               if (i % boostType === 0) stonesForBoost++;
           }

           for (i = initBoost + 1; i <= endBoost; i++) {
               if (i < 10) {
                   if (!(i % 2 === 0)) {
                       responseBoost.push(
                           {
                               price: null,
                               necessary_stones: null,
                               boost: i
                           }
                       );

                       continue;
                   }

                   if ((stonesForBoost * stonePrice) < boostStonePrice) {
                       usedNormalStones += stonesForBoost;
                   } else {
                       usedBoostStones++;
                   }

                   responseBoost.push(
                       {
                           price: formatNumber((usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice)),
                           normal_stones: usedNormalStones,
                           boost_stones: usedBoostStones,
                           boost: i
                       }
                   );

                   continue;
               }

               if ((stonesForBoost * stonePrice) < boostStonePrice) {
                   usedNormalStones += stonesForBoost;
               } else {
                   usedBoostStones++;
               }

               if (i % boostType === 0) stonesForBoost++;

               responseBoost.push(
                   {
                       price: formatNumber((usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice)),
                       normal_stones: usedNormalStones,
                       boost_stones: usedBoostStones,
                       boost: i
                   }
               );
           }

           return responseBoost;
       }

       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");
               const specialBoost = formData.get("specialBoost");
               const stonePrice = formData.get("stonePrice") ? Number(formData.get("stonePrice")) > 1000 ? Number(formData.get("stonePrice")) / 1000 : Number(formData.get("stonePrice")) : 0;
               const boostStonePrice = formData.get("boostStonePrice") ? Number(formData.get("boostStonePrice")) > 1000 ? Number(formData.get("boostStonePrice")) / 1000 : Number(formData.get("boostStonePrice")) : 9999999;
               const startBoost = Number(formData.get("startBoost"));
               const endBoost = Number(formData.get("endBoost"));

               if (startBoost > endBoost) {
                   alert("O boost inicial não pode ser maior do que o final");
                   return;
               }

               if (specialBoost == "on") {
                   result = calcExceptionBoost(startBoost, endBoost, boostType, stonePrice, boostStonePrice);
                   resultArea.html(`
                      Pedras comuns:  ${result[result.length - 1].normal_stones} 
                      Pedras de boost:  ${result[result.length - 1].boost_stones} 
                      Custo total:  ${result[result.length - 1].price} K 
                   `);
               } else {
                   result = calcNormalBoost(startBoost, endBoost, boostType, stonePrice, boostStonePrice);
                   resultArea.html(`
                      Pedras comuns:  ${result[result.length - 1].normal_stones} 
                      Pedras de boost:  ${result[result.length - 1].boost_stones} 
                      Custo total:  ${result[result.length - 1].price} K 
                   `);
               }
           });
       });

</script>

Disponível em “https://wiki.pokexgames.com/index.php?title=Widget:BoostCalcForm&oldid=62025”