Update index.html

index.html

@@ -14,40 +14,30 @@
 				Also don't forget to check the
 				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
 			</p>
+			<div class="prompt-toolbox">
+				<h2>Prompt Toolbox Reverse Prompt Engineering Code Tool</h2>
+				<p>Use this tool to generate code based on a desired prompt. Simply enter your prompt in the input field below and click "Generate Code".</p>
+				<form>
+					<label for="prompt">Enter your prompt:</label>
+					<input type="text" id="prompt" name="prompt" />
+					<button type="button" onclick="generateCode()">Generate Code</button>
+				</form>
+				<div id="code"></div>
+			</div>
 		</div>
-		<div class="prompt-toolbox">
-			<h2>Prompt Toolbox Reverse Prompt Engineering Code Tool</h2>
-			<p>Use this tool to generate code based on a desired prompt. Simply enter your prompt in the input field below and click "Generate Code".</p>
-			<form>
-				<label for="prompt">Enter your prompt:</label>
-				<input type="text" id="prompt" name="prompt" />
-				<button type="button" onclick="generateCode()">Generate Code</button>
-			</form>
-			<div id="code"></div>
-			<script>
-				function generateCode() {
-					const prompt = document.getElementById("prompt").value;
-					const code = document.getElementById("code");
-					code.innerHTML = "<p>Loading...</p>";
-					fetch("https://api.openai.com/v1/engines/davinci-codex/completions", {
-						method: "POST",
-						headers: {
-							Authorization: "sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
-							"Content-Type": "application/json",
-						},
-						body: JSON.stringify({
-							prompt: prompt,
-							max_tokens: 100,
-							stop: "\n\n",
-						}),
-					})
-						.then((response) => response.json())
-						.then((data) => {
-							code.innerHTML = "<pre><code>" + data.choices[0].text + "</code></pre>";
-						})
-						.catch((error) => {
-							code.innerHTML = "<p>Error: " + error.message + "</p>";
-						});
-				}
-			</script>
-		</div>
+		<script>
+		function generateCode() {
+			const promptInput = document.getElementById("prompt");
+			const codeOutput = document.getElementById("code");
+
+			if (promptInput && codeOutput) {
+				const prompt = promptInput.value;
+				// Replace the line below with the actual code generation logic
+				const generatedCode = "Generated code will be displayed here.";
+
+				codeOutput.innerText = generatedCode;
+			}
+		}
+		</script>
+	</body>
+</html>