[Projeto] Minha solução

const campos = [
    document.querySelector('#data'),
    document.querySelector('#quantidade'),
    document.querySelector('#valor')
]

const botaoIncluir = document.querySelector('#btn-incluir')

botaoIncluir.addEventListener('click', (e) => {
    e.preventDefault()
    const camposValores = {
        data: campos[0].value,
        quantidade: campos[1].value,
        valor: campos[2].value
    }
    console.log(camposValores)

    incluiNaTabela(camposValores)

    campos[0].value = ''
    campos[1].value = 1
    campos[2].value = 0

    campos[0].focus()
})

function incluiNaTabela(objNegociacao) {
    const listaNegociacoes = document.querySelector('#lista-negociacoes')

    const tr = document.createElement('tr')
    listaNegociacoes.appendChild(tr)

    for(let campo in objNegociacao) {
        const td = criaTd()
        td.textContent = objNegociacao[campo]
        tr.appendChild(td)
    }  


    let tdVolume = criaTd()
    tdVolume.textContent = Number(objNegociacao.quantidade * objNegociacao.valor)
    tr.appendChild(tdVolume)
}

function criaTd() {
    const td = document.createElement('td')
    return td
}