Chapter 4,6: prettier updates and web framework samples

Chapter04/post-server/public/form.html

@@ -1,30 +1,30 @@
 <form method="POST">
-    <label for="forename">Forename:</label>
-    <input id="forename" name="forename">
-    <label for="surname">Surname:</label>
-    <input id="surname" name="surname">
-    <input type="submit" value="Submit">
+  <label for="forename">Forename:</label>
+  <input id="forename" name="forename" />
+  <label for="surname">Surname:</label>
+  <input id="surname" name="surname" />
+  <input type="submit" value="Submit" />
 </form>
 
 <script>
-    document.forms[0].addEventListener('submit', (event) => {
-        event.preventDefault()
+  document.forms[0].addEventListener("submit", (event) => {
+    event.preventDefault();
 
-        let data = {
-            'forename': document.getElementById('forename').value,
-            'surname': document.getElementById('surname').value
-        };
-        console.log('data', data);
+    let data = {
+      forename: document.getElementById("forename").value,
+      surname: document.getElementById("surname").value,
+    };
+    console.log("data", data);
 
-        fetch('http://localhost:3000', {
-            method: 'post',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(data)
-        }).then(function (response) {
-            console.log(response);
-            return response.json();
-        });
+    fetch("http://localhost:3000", {
+      method: "post",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(data),
+    }).then(function (response) {
+      console.log(response);
+      return response.json();
     });
-</script>
+  });
+</script>