Os campos continuam limpos, e o console reclama dizendo que "campos[0].focus();" não é uma função.
var campos = [
document.querySelector('#data'),
document.querySelector('#quantidade'),
document.querySelector('#valor')
];
console.log(campos);
var tbody = document.querySelector('table tbody');
document.querySelector('.form').addEventListener('submit',function(event){
var tr= document.createElement('tr');
event.preventDefault();
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] = '';
campos[1] = 1;
campos[2] = 0;
campos[0].focus();
});
