Prezados,
reparei que utilizamos, no exemplo as duas linhas de código dentro da função:
form.addEventListener("submit", (evento) => {
evento.preventDefault()
const nome = evento.target.elements['nome']
const quantidade = evento.target.elements['quantidade']
...}
Neste caso, fiz o teste utilizando o document.getElementById e funcionou da mesma forma (conforme abaixo). Gostaria de saber qual a diferença entre o document.getElementById e evento.target.elements.
document.getElementById('nome')
document.getElementById('qunatidade')