input: Write a function to create a basic HTML form using JavaScript that allows a user to input their city and submit the details to the server. The form should include a text input field for the city and a submit button. When the form is submitted, the details should be sent as JSON to a specified server endpoint.
  assert create_form()=='''<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 create_form():
      return '''<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>'''
  