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>