993
edições
Widget:BoostCalcForm (ver código-fonte)
Edição das 11h33min de 16 de agosto de 2023
, 16 de agosto de 2023sem sumário de edição
Sem resumo de edição |
Sem resumo de edição |
||
| (4 revisões intermediárias por 2 usuários não estão sendo mostradas) | |||
| Linha 9: | Linha 9: | ||
margin: 0 auto; | margin: 0 auto; | ||
border: 30px solid transparent; | border: 30px solid transparent; | ||
border-image: url( | border-image: url(https://wiki.pokexgames.com/images/3/37/Calculadora-de-Boost.png) 38; | ||
} | } | ||
</style> | </style> | ||
| Linha 38: | Linha 38: | ||
<div class="checkbox-group"> | <div class="checkbox-group"> | ||
<input placeholder=" " type="checkbox" name="specialBoost" id="specialBoostCheckbox"> | <input placeholder=" " type="checkbox" name="specialBoost" id="specialBoostCheckbox"> | ||
<label for="specialBoostCheckbox"> | <label for="specialBoostCheckbox">Marque se você irá usar metal, crystal ou ancient stone!</label> | ||
</div> | </div> | ||
| Linha 49: | Linha 49: | ||
<div> | <div> | ||
<img src=" | <img src="https://wiki.pokexgames.com/images/a/a0/Seta-Calculadora.png" alt="Seta"> | ||
</div> | </div> | ||
| Linha 60: | Linha 60: | ||
<div class="input-group"> | <div class="input-group"> | ||
<input placeholder=" " name="stonePrice" id="stonePrice" class="boostCalc__input" type="number"> | <input placeholder=" " name="stonePrice" id="stonePrice" step="0.01" class="boostCalc__input" type="number"> | ||
<label class="boostCalc__label" for="stonePrice">Digite o preço da stone (Ex: 8)</label> | <label class="boostCalc__label" for="stonePrice">Digite o preço da stone (Ex: 8)</label> | ||
</div> | </div> | ||
<div class="input-group"> | <div class="input-group"> | ||
<input placeholder=" " name="boostStonePrice" id="boostStonePrice" class="boostCalc__input" type="number"> | <input placeholder=" " name="boostStonePrice" id="boostStonePrice" step="0.01" class="boostCalc__input" type="number"> | ||
<label class="boostCalc__label" for="boostStonePrice">Digite o preço da Boost stone (Ex: 180)</label> | <label class="boostCalc__label" for="boostStonePrice">Digite o preço da Boost stone (Ex: 180)</label> | ||
</div> | </div> | ||
| Linha 71: | Linha 71: | ||
<div class="d-flex justify-center align-center flex-column"> | <div class="d-flex justify-center align-center flex-column"> | ||
<button type="submit" class="hover-minimize" style="background:none;border:none;margin-top:1.5rem;cursor:pointer;"> | <button type="submit" class="hover-minimize" style="background:none;border:none;margin-top:1.5rem;cursor:pointer;"> | ||
<img style="border-radius:12px;" src=" | <img style="border-radius:12px;" src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão calcular boost" /> | ||
</button> | </button> | ||
<a href="javascript:void(0);" data-target="clearForm" class="mt-1"> Limpar campos </a> | <a href="javascript:void(0);" data-target="clearForm" class="mt-1"> Limpar campos </a> | ||
| Linha 228: | Linha 228: | ||
`; | `; | ||
} | } | ||
console.log("Relação de boost a boost:"); | // console.log("Relação de boost a boost:"); | ||
console.log(result); | // console.log(result); | ||
document.querySelector("[data-target='boostCalc-resultContainer']").classList.remove("d-none"); | document.querySelector("[data-target='boostCalc-resultContainer']").classList.remove("d-none"); | ||
}); | }); | ||
}); | }); | ||
</script> | </script> | ||