calculadora de repetición máxima y estoy teniendo un pequeño error con mi cálculo.
la fórmula para el cálculo es (((weight*reps)*0.0333)+weight)
const submit = document.querySelector('.submit'); let weight = document.querySelector('#weight'); let reps = document.querySelector('#reps'); submit.addEventListener('click', function() { result = (((weight.value * reps.value) * 0.0333) + weight.value); console.log(result); }) <div class="cardbody"> <label for="weight"> Lift:</label> <input class="input" id="weight" type="text" name="weight" placeholder="weight" required> <label for="reps"> Reps:</label> <input class="input" id="reps" type="text" name="Reps" placeholder="Repitions" required> </div> <div class="cardsubmit"> <button class="submit">Submit</button> </div> ahora traté de ingresar manualmente mis variables, así que en el javascript hice el weight=165 y las reps=6 , el resultado que esperaba es 197.96 y lo que obtengo es 32.967 , lo que noté es que mi programa no está agregando el peso al final. (((weight*reps)*0.0333)+{{weight}}) << lo pongo entre corchetes
El problema aquí es que peso.valor es una cadena
Debe convertirlo en número para agregarlo correctamente. He usado +weight.value pero puede usar parseInt en su lugar
const submit = document.querySelector('.submit'); let weight= document.querySelector('#weight'); let reps= document.querySelector('#reps'); submit.addEventListener('click', function(){ result = +weight.value +(((weight.value * reps.value)*0.0333)); console.log(result); }) <div class="cardbody"> <label for="weight"> Lift:</label> <input class="input" id="weight" type="text" name="weight" placeholder="weight" required> <label for="reps"> Reps:</label> <input class="input" id="reps" type="text" name="Reps" placeholder="Repitions" required> </div> <div class="cardsubmit"> <button class="submit">Submit</button> </div>