From efa815c5cb2fde27eba74f06aa1a3972291fc02d Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Sat, 16 Dec 2023 20:09:50 +1100
Subject: [PATCH] When trying out http function, ensure response is rendered

---
 templates/client.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/client.html b/templates/client.html
index 9899b99..4eb03f6 100644
--- a/templates/client.html
+++ b/templates/client.html
@@ -77,7 +77,7 @@
             <div class="px-4 py-4 rounded-b-lg border border-t-0 border-gray-300">
                 <div class="react-tabs__tab-panel react-tabs__tab-panel--selected" role="tabpanel" id="panel:r1:0"
                     aria-labelledby="tab:r1:0">
-                    <code id="response"></code>
+                    <code id="response-body"></code>
                 </div>
                 <div class="react-tabs__tab-panel hidden" role="tabpanel" id="panel:r1:1" aria-labelledby="tab:r1:1">
                     <table class="text-left">
@@ -98,7 +98,7 @@
 <script>
     (function () {
         const send_request_btn = document.getElementById('send-request');
-        const response = document.getElementById('response');
+        const response_body_el = document.getElementById('response-body');
 
         send_request_btn.addEventListener('click', () => {
             const url = document.querySelector('input[name="url"]').value;
@@ -114,11 +114,11 @@
                 body,
                 headers: {
                 }
-            }).then(response => {
-                response.text().then(text => {
-                    response.innerHTML = text;
+            })
+                .then(response => response.text())
+                .then(text => {
+                    response_body_el.innerText = text;
                 });
-            });
 
         })
     })();