Update index.html

runas24 · Apr 20, 2024 · 19946b4 · 19946b4
1 parent 42fbf55
commit 19946b4
Showing 1 changed file with 52 additions and 19 deletions.
diff --git a/index.html b/index.html
@@ -3,27 +3,60 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Кредитный калькулятор</title>
-<link rel="stylesheet" href="styles.css">
+<title>GPT API Example</title>
+<style>
+  #inputText {
+    width: 80%;
+    margin-bottom: 10px;
+  }
+  #outputText {
+    width: 80%;
+    height: 200px;
+  }
+</style>
 </head>
 <body>
-<header>
-    <img src="logo.png" alt="Логотип">
-    <h2>Кредитный калькулятор</h2>
-</header>
-<div class="container">
-    <form id="loanForm">
-        <label for="loanAmount">Сумма кредита (в тенге):</label>
-        <input type="number" id="loanAmount" required><br>
-        <label for="loanTerm">Срок кредита (в годах):</label>
-        <input type="number" id="loanTerm" required><br>
-        <label for="interestRate">Процентная ставка (%):</label>
-        <input type="text" id="interestRate" required pattern="[0-9]+([\.,][0-9]+)?" title="Введите число, например: 18 или 18.5"><br>
-        <button type="submit">Рассчитать</button>
-    </form>
-    <div id="monthlyPayment"></div>
-</div>
+<h1>GPT API Example</h1>
+<textarea id="inputText" placeholder="Введите текст для генерации"></textarea><br>
+<button onclick="generateText()">Сгенерировать текст</button><br>
+<textarea id="outputText" placeholder="Сгенерированный текст будет отображен здесь" readonly></textarea>
 
-<script src="script.js"></script>
+<script>
+function generateText() {
+  const inputText = document.getElementById('inputText').value;
+
+  // Замените 'YOUR_API_KEY' на ваш реальный ключ API
+  const apiKey = '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';
+
+  // URL для отправки запроса к API GPT
+  const apiUrl = 'https://api.openai.com/v1/completions';
+
+  // Тело запроса к API
+  const requestBody = {
+    model: 'text-davinci-002', // Здесь указывается модель GPT
+    prompt: inputText,
+    max_tokens: 100 // Максимальное количество токенов (слов) для генерации текста
+  };
+
+  // Опции запроса
+  const requestOptions = {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'Authorization': `Bearer ${apiKey}`
+    },
+    body: JSON.stringify(requestBody)
+  };
+
+  // Отправка запроса к API GPT
+  fetch(apiUrl, requestOptions)
+    .then(response => response.json())
+    .then(data => {
+      const generatedText = data.choices[0].text.trim(); // Полученный сгенерированный текст
+      document.getElementById('outputText').value = generatedText;
+    })
+    .catch(error => console.error('Ошибка при отправке запроса:', error));
+}
+</script>
 </body>
 </html>