Somar Valores de um Array

[farbinas 0]

Olá a todos, estou iniciando na linguagem javascript, estou tentando implementar um codigo, que ira pedir valor ao usuario e armazenar em uma matriz, preciso calcular todos os valores inseridos nesse array e armazenar em uma variavel, porem acredito que o for esta com erro pois o valor não esta sendo armazenado poderiam me ajudar por favor? 

 

<meta charset="utf-8">
<h1>Adicionar Valores</h1>

<strong>Nome do Item</strong><br><br>
<input type="text" id="campoNomeItem"><br><br>
<button onclick="adicionaItem()">Adicionar</button><br><br>

<p id="mostraLista">Sua Lista está vazia </p>

<script>

var lista = []
    function adicionaItem() {
        
        
        var item = campoNomeItem.value
        var item = parseFloat(item)
        lista.push(item)
        var soma = 0
        var total = 0
        

      
        for (var i = 0; i < lista.lenght; i++) {
              lista = parseInt(lista.value);
              soma =+ lista.value;
             
          }

          mostraLista.innerHTML = `
            Sua Lista tem ${lista.length} itens. Eles são: <br><br>

            ${lista.join(',')}
<br>Soma: ${soma}
<br> Total: ${total}      `
        campoNomeItem.value = ""
        
        }
//chama a função adiconar quando a tecla ENTER é pressionada
        document.onkeyup = event =>{
            if (event.key === 'Enter') adicionaItem()
            
        }
    
        campoNomeItem.focus()

//.push(valor) adiciona um valor na lista(array)
//.innerHTML permite escrever ou pegar um texto dentro de uma tag html

</script>
 

[Felipe Guedes Coutinho 0]

@farbinas

 

Este seu trecho de código está digitado errado:

 

for (var i = 0; i < lista.lenght; i++) {

 

O erro está na palavra lenght como você já o usou em seu código acredito que não vai ser dificil identificar o erro:

 

Sua Lista tem ${lista.length} itens. Eles são: <br><br>

 

Outro erro que existe no seu código é que ao tentar "SOMAR" os valores, você não pode obter o "value" da sua LISTA, pois ela é uma lista, quer dizer, um ARRAY onde existem "posições" para cada número, para que você possa somar os valores da sua lista você deve pegar, da primeira posição do seu array e somar até a ultima posição, com o FOR você já conseguiu identificar o tamanho do ARRAY com o .LENGTH, agora para que você possa pegar o VALOR você precisa usar LISTA[ i ] usando o " i " pois ele é a variável que vai de 0 primeira opção, até o valor " igual " ao seu lista.length, varrendo todas as posições do seu array.

 

Um último detalhe está na sua "concatenação" da variável SOMA com a posição do array, você usou SOMA =+ e para fazer da forma correta fica SOMA +=, o + vem antes.

 

No geral, pelo o que eu entendi o seu código deve ficar como abaixo:

 

Veja se funciona:

<meta charset="utf-8">
<h1>Adicionar Valores</h1>


<strong>Nome do Item</strong><br><br>
<input type="text" id="campoNomeItem"><br><br>
<button onclick="adicionaItem()">Adicionar</button><br><br>

<p id="mostraLista">Sua Lista está vazia </p>

<script>

var lista = []
function adicionaItem() {
    var item = campoNomeItem.value
    var item = parseFloat(item)
    lista.push(item)
    var soma = 0
    var total = 0

    for (var i = 0; i < lista.length; i++) {
        //lista = parseInt(lista.value);
        soma += lista[i];
        alert(soma);
    }

    mostraLista.innerHTML = `Sua Lista tem ${lista.length} itens. Eles são: <br><br>${lista.join(',')}<br>Soma: ${soma}<br> Total: ${total}      `
    campoNomeItem.value = ""
        
}
//chama a função adiconar quando a tecla ENTER é pressionada
        document.onkeyup = event =>{
            if (event.key === 'Enter') adicionaItem()
            
        }
    
        campoNomeItem.focus()

//.push(valor) adiciona um valor na lista(array)
//.innerHTML permite escrever ou pegar um texto dentro de uma tag html

</script>

 

Não entendi o que é a variável TOTAL então ela continua em BRANCO, mas com os ajustes no código você deve conseguir implementar o resto.

 

Espero ter ajudado.

 

Att.

Felipe Coutinho