Update biz_v.html

biz_v.html

@@ -10,29 +10,51 @@
     <label for="tokenInput">Enter Token:</label>
     <input type="text" id="tokenInput" placeholder="Your Token">
     <button id="sendRequestButton">Send Request</button>
-    <textarea id="responseArea" rows="10" cols="50" readonly></textarea>
+    <div id="responseArea"></div>
 
-<script>
-    document.getElementById('sendRequestButton').addEventListener('click', function() {
-        const token = document.getElementById('tokenInput').value;
-        const url = '/send_request';
-        fetch(url, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/x-www-form-urlencoded'
-            },
-            body: 'token=' + encodeURIComponent(token)
-        })
-        .then(response => response.json())
-        .then(data => {
-            console.log('JSON Response:', data); // Вывод JSON-ответа в консоль
-            document.getElementById('responseArea').value = JSON.stringify(data, null, 2);
-        })
-        .catch(error => {
-            console.error('Error:', error);
-            document.getElementById('responseArea').value = 'Error: ' + error.message;
+    <script>
+        document.getElementById('sendRequestButton').addEventListener('click', function() {
+            const token = document.getElementById('tokenInput').value;
+            const url = '/send_request';
+            fetch(url, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded'
+                },
+                body: 'token=' + encodeURIComponent(token)
+            })
+            .then(response => response.json())
+            .then(data => {
+                console.log('JSON Response:', data); // Вывод JSON-ответа в консоль
+                displayData(data);
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                document.getElementById('responseArea').innerHTML = 'Error: ' + error.message;
+            });
         });
-    });
-</script>
+
+        function displayData(data) {
+            const responseArea = document.getElementById('responseArea');
+            responseArea.innerHTML = ''; // Очищаем предыдущий контент
+
+            if (data.list && data.list.length > 0) {
+                data.list.forEach(item => {
+                    const webinarDiv = document.createElement('div');
+                    webinarDiv.innerHTML = `
+                        <h2>${item.name}</h2>
+                        <p>${item.text}</p>
+                        <p>Type: ${item.type}</p>
+                        <p>Participants: ${item.count1}</p>
+                        <p>Duration: ${item.count2} minutes</p>
+                        <p>Created: ${item.created}</p>
+                    `;
+                    responseArea.appendChild(webinarDiv);
+                });
+            } else {
+                responseArea.innerHTML = 'No webinars found.';
+            }
+        }
+    </script>
 </body>
 </html>