O código que fiz juntamente com o professor, porém quando abro o arquivo index.js no navegador, o Layout está diferente do apresentado no vídeo, oque fiz de errado no código que está diferente ? Palavras e tabelas, tudo alocado na esquerda do navegador.
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) {
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();
});
Olá Gabriel, O ideal seria abrir o arquivo "index.html" no navegador ao invés do "index.js". Copiei seu código e tá tudo certo! Tenta ai e vê se deu certo.