Os campos não estão sendo inclusos

Bom dia, eu consigo colocar todas as informações, mas quando eu aperto no botão de incluir ele traz uma linha nos campos DATA,QUANTIDADE,VALOR,VOLUME em branco.

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

document.querySelector('.form').addEventListener('submit', function(event){
    event.preventDefault();
    let tr = document.createElement('tr');
    campos.forEach(function(campo) {
    let td = document.createElement('td');
    td.textcontent = campo.value;
    tr.appendChild(td);
});
let 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 = 2;
campos[0].focus(); 
    });