Necesito algo de ayuda. Estoy tratando de crear una aplicación que calcule el promedio de los números dados. Sin embargo, soy un principiante y mis funciones de matriz no siempre funcionan. Logré mostrar los números ingresados pero ahora quiero agregarlos y calcular el promedio. Estoy casi allí. Para calcular el promedio, dividiré la suma por la longitud de la matriz. Pero no puedo sumar los números de la matriz para sumar. Se están concatenando o se muestra Nan. ¿Debo usar: el método Number() en alguna parte?
Por cierto, sé que para algunos de ustedes esta pregunta puede ser patética, pero soy un autodidacta y un poco veterano, así que no rebajen esta pregunta. Intenté buscar respuestas en Google pero no resolvieron el problema.
let numbersEntered = document.querySelector("#numbersEntered"); let inputEl = document.querySelector("#input"); let numArr = []; // buttons let enterBtn = document.querySelector("#enter"); let avgBtn = document.querySelector("#avg"); enterBtn.addEventListener("click", displayNums); function displayNums() { let newNumber = Number(inputEl.value); numArr.push(newNumber); numbersEntered.innerHTML = ""; console.log(numArr); for (let i = 0; i < numArr.length; i++) { numbersEntered.innerHTML += numArr[i] + ","; } } avgBtn.addEventListener("click", displayAvg); // the below code is totally useless - I can't get the right sum function displayAvg() { let total = 0; for (let i = 0; i < numArr.length; i++) { total += numArr[i]; console.log(total); } } <input type="text" id="input" /> <button id="enter" type="button">Enter</button> <p id="numbersEntered"></p> <button id="avg" type="button">Average</button> <p id="average"></p> </div>En su función displayNums,
Actualmente, está ingresando la matriz como valores de texto/cadena y mientras realiza la adición, está contactando números como si fueran texto. como '23', debería ser solo 23.
cambiarlo a:
let newNumber = Number(inputEl.value); numArr.push(newNumber);Violín de trabajo aquí: https://jsfiddle.net/La8z52rn/
Parse int el valor a número, actualmente es de tipo cadena
let numbersEntered = document.querySelector("#numbersEntered"); let average = document.querySelector("#average"); let inputEl = document.querySelector("#input"); let numArr = []; // buttons let enterBtn = document.querySelector("#enter"); let avgBtn = document.querySelector("#avg"); enterBtn.addEventListener("click", displayNums); function displayNums() { let newNumber = inputEl.value; numArr.push(parseInt(newNumber)); numbersEntered.innerHTML = ""; for (let i = 0; i < numArr.length; i++) { numbersEntered.innerHTML += numArr[i] + ","; } } avgBtn.addEventListener("click", displayAvg); // the below code is totally useless - I can't get the right sum function displayAvg() { let total = 0; for (let i = 0; i < numArr.length; i++) { total = total + numArr[i]; } average.innerHTML = total/numArr.length } <input type="number" id="input" /> <button id="enter" type="button">Enter</button> <p id="numbersEntered"></p> <button id="avg" type="button">Average</button> <p id="average"></p>ya casi llega... solo calcule su promedio fuera del for
let numbersEntered = document.querySelector("#numbersEntered"); let inputEl = document.querySelector("#input"); let numArr = []; // buttons let enterBtn = document.querySelector("#enter"); let avgBtn = document.querySelector("#avg"); enterBtn.addEventListener("click", displayNums); function displayNums() { let newNumber = Number(inputEl.value); numArr.push(newNumber); numbersEntered.innerHTML = ""; console.log(numArr); for (let i = 0; i < numArr.length; i++) { numbersEntered.innerHTML += numArr[i] + ","; } } avgBtn.addEventListener("click", displayAvg); // the below code is totally useless - I can't get the right sum function displayAvg() { let total = 0; for (let i = 0; i < numArr.length; i++) { total += numArr[i]; } // FIXED HERE console.log(total/numArr.length); } <input type="text" id="input" /> <button id="enter" type="button">Enter</button> <p id="numbersEntered"></p> <button id="avg" type="button">Average</button> <p id="average"></p> </div>