feat: integrate http status code

handling-fetch/app.js

@@ -1,12 +1,15 @@
-async function doRequest() {
+async function doRequest(httpStatusCode = 200) {
+  const output = document.querySelector('p')
   let response
   try {
-    response = await fetch('https://httpstat.us/400')
+    response = await fetch(`https://httpstat.us/${httpStatusCode}`)
     if (response.ok) {
+      output.innerHTML = `${response.status}: ${response.statusText}`
       return response
     }
-    throw new Error(`Error: Response status ${response.status}`)
+    throw new Error(`${response.status}: ${response.statusText}`)
   } catch (error) {
+    output.innerHTML = error
     return error
   }
 }

handling-fetch/index.html

@@ -10,6 +10,6 @@
     <button onclick="doRequest(200)">HTTP 200</button>
     <button onclick="doRequest(404)">HTTP 404</button>
     <button onclick="doRequest(500)">HTTP 500</button>
-    <output></output>
+    <p></p>
   </body>
 </html>