submitForm.js

const submitForm = form => {
  // se quiser colocar um efeito de loading, ele vai aqui

  const previousMessage = form.querySelector('.message')
  if (previousMessage) {
    form.removeChild(previousMessage) // remove a mensagem de algum submit anterior
  }

  const body = new FormData(form) // coloca os inputs/select/textarea do form numa variável
  const method = form.method // pega o método do form (GET/POST)

  // envia o form pra sua respectiva action
  fetch(form.action, {method, body}).then(response => { // e quando tiver terminado..
      const message = document.createElement('span') // cria o elemento que será usado pra exibir a mensagem retornada
      message.classList.add('message') // vamos colocar uma classe pra poder identificá-lo posteriormente
      message.innerText = response // colocamos a resposta do backend/API nele
      form.appendChild(message) // mandamos colocar a mensagem no fim do form

      // se tiver colocado um efeito de loading, remova-o aqui
  })

  return false
}