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

console.log(campos);

document.querySelector('.form').addEventListener('submit', function (event) {

    event.preventDefault();

    var tr = document.createElement('tr');

    campos.forEach(function(campo) {
        var td = document.createElement('td');
        td.textContent = campo.value;
        tr.appendChild(td);
    });

    var tdVolume = document.createElement('td');
    tdVolume.textContent = campos[1].value * campos[2].value;

    tr.appendChild(tdVolume);

    tbody.appendChild(tr);

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

    campos[0].focus();

});

Boa noite, quando clico em Incluir o formulário não envia dando o seguinte erro: Uncaught ReferenceError: tbody is not defined at HTMLFormElement..

EDIT: Já achei meu erro, esqueci de digitar uma linha. Pode fechar ou apagar o tópico pois não achei o botão que exclui o mesmo rs.