Somando valores de input em uma tabela pai x filho

Bom dia Pessoal , preciso de uma ajuda, criei um formulário pai x filho, nesse formulário eu preciso somar valores que sejam digitados em 3 inputs, e depois retornar o resultado no quarto input, o código que estava antes estava confuso, agora dei uma arrumada nele, acredito que fica mais fácil de vocês me ajudarem a solucionar o problema, estou anexando meu código js e o html pra vocês entenderem melhor.

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

Quando compartilhar código não use um print. Você pode postar o código direto no fórum ou postar no Gist ou outro sistema de compartilhamento de código.

Primeiro, tire a sua função calcular de dentro da addTask.

No HTML adiciona o this na chamada da função calcular: onblur="calcular(this)"


function calcular(elemento) {
    const index = elemento.id.split("___")[1];

    // CUIDADO - Caso os campos usem , (vírgula) como separador de decimal a parseFloat dará erro, então precisará corrigir o separador de decimal
    let campo1 = parseFloat($(`#txt1___${index}`).val());
    let campo2 = parseFloat($(`#txt2___${index}`).val());
    let campo3 = parseFloat($(`#txt3___${index}`).val());

    let total = campo1 + campo2 + campo3;

    $(`#resultado___${index}`).val(total);
}

Deu certo amigo, muito obrigado, coloquei o código de forma errada na próxima eu coloco ele da maneira adequada desculpa.

Que ótimo que funcionou! Sem problemas, afinal a gente aprende conforme vai usando a ferramenta. É que um print fica mais difícil de achar erros (não dá pra colar num editor pra ver se tem problema de sintaxe) e ter que digitar tudo fica chato né. Importante é irmos facilitando as coisas pra ser mais fácil obter respostas. Seu código e exemplo estavam fáceis de entender :slight_smile: