1
resposta

[Dúvida] Não funciona a parte NumContas.

const frm = document.querySelector("form")
const resp1 = document.querySelector("outResp1")
const resp2 = document.querySelector("outResp2")

let resposta = ""
let numContas = 0
let valTotal = 0

frm.addEventListener("submit", (e) => {    //"escuta" evento submit do form
    e.preventDefault()    //evita envio do form

const descricao = frm.inDescricao.value   //obtem dados da conta
const valor = Number(frm.inValor.value)

**numContas++    //adiciona valores ao contador e acumulador
valTotal = valTotal + valor
resposta = resposta + descricao + " - R$: " + valor.toFixed(2) + "\n"
resp1.innerText = `${resposta}------------------------`
resp2.innerText = `${numContas} Conta(s) - Total R$: ${valTotal.toFixed(2)}`

frm.inDescricao.value = ""  //limpa campos do form
frm.inValor.value = ""
frm.inDescricao.focus()  //posiciona no campo inDescricao do form 
})

A parte em negrito deveria registrar a resposta e o valor ex: aluguel R$800,00 dentista R$100,00 plano de saude R$285,00 ---------------------------------------------------------- 3 conta(s) - Total R$ 1185,00

   ALGUEM SABERIA INFORMAR O ERRO.
1 resposta

Olá, Maira! Tudo bem?

Peço perdão pela demora da minha resposta.

Pelo código que você compartilhou, parece que o problema está na seleção dos elementos "outResp1" e "outResp2". Verifique se esses elementos existem no seu HTML e se estão sendo selecionados corretamente pelo querySelector. Caso contrário, você pode corrigir isso adicionando o seletor correto para esses elementos.

Certifique-se também de que os elementos onde você deseja exibir as respostas estão vazios no início, para que você possa atualizá-los corretamente a cada submissão do formulário.

Espero ter ajudado. Fico à disposição!

Abraço!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!