input: Write a function to generate a basic HTML form using JavaScript to submit a user's city and submit the details to the server. If the form is submitted, prevent the default action, capture the city input, and send it to the server using the fetch API.
  
  <form id="myForm" onsubmit="submitForm(event)">
    City:<br>
    <input type="text" name="city"><br>
    <input type="submit">
  </form>
  
  <script>
  function submitForm(event) {
    event.preventDefault();
  
    const form = document.getElementById('myForm');
    const city = form.querySelector('input[name="city"]').value;
  
    const data = { city: city };
  
    const options = {
      method: 'POST',
      body: JSON.stringify(data),
      headers: {
        'Content-Type': 'application/json'
      }
    };
  
    fetch('/my-api/submit-form', options)
      .then(response => response.json())
      .then(data => {
        console.log(data);
      });
  }
  </script>
output: 
  def submitForm(event):
      event.preventDefault()
      form = document.getElementById('myForm')
      city = form.querySelector('input[name="city"]').value
      data = { 'city': city }
      options = {
          'method': 'POST',
          'body': JSON.stringify(data),
          'headers': {
              'Content-Type': 'application/json'
          }
      }
      fetch('/my-api/submit-form', options)
          .then(response => response.json())
          .then(data => {
              console.log(data)
          })
  