Multiple Forms Submit to Google Sheets

multiple-forms-example.html

<form name="first-form">
  <input name="email" type="email" placeholder="Email" required>
  <button type="submit">Send</button>
</form>

<form name="second-form">
  <input name="email" type="email" placeholder="Email" required>
  <button type="submit">Send</button>
</form>

<script>
  const firstFormScriptURL = '<FIRST FORM SCRIPT URL>'
  const firstForm = document.forms['first-form']

  firstForm.addEventListener('submit', e => {
    e.preventDefault()
    fetch(firstFormScriptURL, { method: 'POST', body: new FormData(firstForm)})
      .then(response => console.log('Success!', response))
      .catch(error => console.error('Error!', error.message))
  })

  const secondFormSriptURL = '<SECOND FORM SCRIPT URL>'
  const secondForm = document.forms['second-form']

  secondForm.addEventListener('submit', e => {
    e.preventDefault()
    fetch(secondFormSriptURL, { method: 'POST', body: new FormData(secondForm)})
      .then(response => console.log('Success!', response))
      .catch(error => console.error('Error!', error.message))
  })
</script>