2

Estoy intentando hacer una funcion sencilla que al ingresar números desde un input, se sumen y poder devolver el resultado, estoy usando reduce y cuando lleno yo misma el array funciona pero cuando ingreso los numeros desde el input los concantena. Como podria resolverlo? Agradezco de antemano. dejo mi codigo:

 let btnNote = document.querySelector(".btn-note");
let notes = [];

btnNote.addEventListener("click", ()=>{

let input = document.querySelector(".notes-input").value;
notes.push(input);
console.log(notes);

sum();
    
})

function sum (){
    let newArray = notes.reduce((acc,el) => acc + el,0)
    console.log(newArray);
}
1
  • 1
    Los valores ingresados mediante elementos input son todos de tipo String, por lo cual debes hacer el cast adecuado si deseas realizar operaciones matemáticas con los mismos. Saludos Commented el 14 ago. 2021 a las 18:58

1 respuesta 1

2

Esto está pasando por las reglas de la naturaleza de JavaScript, ten en cuenta que la propiedad value de un <input> es únicamente de tipo string

Y por las reglas de JS, al intentar "sumar" dos strings, el intérprete los concatenará, y esto es lo que está pasando en esta situación, basta simplemente con usar parseInt cuando hagas el push() al array

const btnNote = document.querySelector(".btn-note");
const notes = [];
// Usa const en vez de let, este tipo de variables no suelen cambiar su valor y se convierten en constantes

// Es una buena práctica tener definida la función antes de llamarla y no llamarla antes de definirla
function sum() {
    const newArray = notes.reduce((acc,el) => acc + el,0)
    console.log(newArray);
}

btnNote.addEventListener("click", ()=>{
    let input = document.querySelector(".notes-input").value;
    notes.push(parseInt(input));
    // Usar parseInt para convertir el string a número
    console.log(notes);
    sum();
})

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.