Hugging Face's logo

Spaces:
ginipick
/
TESTAPIJS
Running

App Files Community
ginipick commited on
Commit
b35896d
ยท
verified ยท
1 Parent(s): 9c92325

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +11 -7
index.html CHANGED
@@ -5,9 +5,6 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Test /add_points_and_refresh_fn API</title>
7
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.js"></script>
8
- <script type="module">
9
- import { client } from 'https://cdn.jsdelivr.net/npm/@gradio/client/+esm'
10
- </script>
11
  </head>
12
  <body class="bg-gray-100 p-8">
13
  <div class="max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-6">
@@ -55,19 +52,20 @@
55
  </div>
56
 
57
  <script type="module">
 
 
58
  function log(message) {
59
  const debugInfo = document.getElementById('debug-info');
60
  debugInfo.textContent += message + '\n';
61
  console.log(message);
62
  }
63
 
64
- document.getElementById('submit').addEventListener('click', async () => {
65
  const email = document.getElementById('email').value;
66
  const statusElement = document.getElementById('status');
67
  const valueElement = document.getElementById('value');
68
- document.getElementById('debug-info').textContent = ''; // ๋””๋ฒ„๊ทธ ์ •๋ณด ์ดˆ๊ธฐํ™”
69
 
70
- // ์ƒํƒœ ์ดˆ๊ธฐํ™”
71
  statusElement.textContent = '์ฒ˜๋ฆฌ์ค‘...';
72
  valueElement.innerHTML = '';
73
 
@@ -79,7 +77,7 @@
79
  log('ํด๋ผ์ด์–ธํŠธ ์—ฐ๊ฒฐ ์„ฑ๊ณต');
80
 
81
  log('API ํ˜ธ์ถœ ์‹œ์ž‘...');
82
- const result = await client.predict("/add_points_and_refresh_fn", {
83
  email: email
84
  });
85
  log(`์‘๋‹ต ๋ฐ์ดํ„ฐ: ${JSON.stringify(result.data, null, 2)}`);
@@ -93,6 +91,12 @@
93
  valueElement.innerHTML = '์—๋Ÿฌ ๋ฐœ์ƒ';
94
  console.error('Error:', error);
95
  }
 
 
 
 
 
 
96
  });
97
  </script>
98
  </body>
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Test /add_points_and_refresh_fn API</title>
7
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.js"></script>
 
 
 
8
  </head>
9
  <body class="bg-gray-100 p-8">
10
  <div class="max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-6">
 
52
  </div>
53
 
54
  <script type="module">
55
+ import { client } from 'https://cdn.jsdelivr.net/npm/@gradio/client/+esm';
56
+
57
  function log(message) {
58
  const debugInfo = document.getElementById('debug-info');
59
  debugInfo.textContent += message + '\n';
60
  console.log(message);
61
  }
62
 
63
+ async function handleSubmit() {
64
  const email = document.getElementById('email').value;
65
  const statusElement = document.getElementById('status');
66
  const valueElement = document.getElementById('value');
67
+ document.getElementById('debug-info').textContent = '';
68
 
 
69
  statusElement.textContent = '์ฒ˜๋ฆฌ์ค‘...';
70
  valueElement.innerHTML = '';
71
 
 
77
  log('ํด๋ผ์ด์–ธํŠธ ์—ฐ๊ฒฐ ์„ฑ๊ณต');
78
 
79
  log('API ํ˜ธ์ถœ ์‹œ์ž‘...');
80
+ const result = await gradioClient.predict("/add_points_and_refresh_fn", {
81
  email: email
82
  });
83
  log(`์‘๋‹ต ๋ฐ์ดํ„ฐ: ${JSON.stringify(result.data, null, 2)}`);
 
91
  valueElement.innerHTML = '์—๋Ÿฌ ๋ฐœ์ƒ';
92
  console.error('Error:', error);
93
  }
94
+ }
95
+
96
+ // DOM์ด ๋กœ๋“œ๋œ ํ›„ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ ์„ค์ •
97
+ document.addEventListener('DOMContentLoaded', () => {
98
+ const submitButton = document.getElementById('submit');
99
+ submitButton.addEventListener('click', handleSubmit);
100
  });
101
  </script>
102
  </body>