Minor changes to structure

public/example.html

@@ -19,7 +19,7 @@
     <div id="wrapper">
       <h1>Search for airports</h1>
       <form id="airport-search-form">
-        <input type="text" id="q" name="q" />
+        <input type="text" id="iata" name="iata" />
         <button type="submit" name="Los" title="Los">Search ...</button>
       </form>
       <div id="airport-results">
@@ -55,8 +55,8 @@
         e.preventDefault();
         list.innerHTML = 'Loading…';
         try {
-          const q = new FormData(searchform).get('q');
-          const airports = await api.searchAirports(q, 10, 1);
+          const iata = new FormData(searchform).get('iata');
+          const airports = await api.searchAirports(iata, 10, 1);
           list.innerHTML = airports.map(a => `<li>${a.display}</li>`).join('');
         } catch (err) {
           list.innerHTML = `<li style="color:red">${err.message}</li>`;
@@ -72,7 +72,7 @@
         try {
           const f = new FormData(flightform);
           const flight = await api.estimateFlight({"flights": [{"departure": f.get('departure'), "arrival": f.get('arrival'), "passengerCount": 1, "travelClass": f.get('cabinclass'), "departureDate": f.get('departuredate')}]});
-          flightresult.innerHTML = JSON.stringify(flight, null, 2);
+          flightresult.innerHTML = flight.summary();
         } catch (err) {
           flightresult.innerHTML = `<span style="color:red">${err.message}</span>`;
         }