|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="utf-8" /> |
|
<meta name="viewport" content="width=device-width" /> |
|
<title>My static Space</title> |
|
<link rel="stylesheet" href="style.css" /> |
|
</head> |
|
<body> |
|
<div class="card"> |
|
<h1>Welcome to my GPT test environment!</h1> |
|
<p>Enter a prompt in the textbox to get started</p> |
|
<textarea name="prompt" id="prompt" cols="30" rows="10"></textarea><br> |
|
<button id="submit">Submit</button> |
|
<p id="response"></p> |
|
</div> |
|
</body> |
|
<script> |
|
const btn = document.querySelector("#submit") |
|
const textbox = document.querySelector("#prompt") |
|
const res = document.querySelector("#response") |
|
const prompt = textbox.value |
|
btn.addEventListener("click", event => { |
|
fetch(`/gpt?prompt=${prompt}`) |
|
.then(res => { |
|
console.log(res) |
|
res.json() |
|
}) |
|
.then(res => { |
|
console.log(res) |
|
res.textContent = res |
|
}) |
|
.catch(err => { |
|
console.log(err) |
|
res.textContent = err |
|
}) |
|
}) |
|
</script> |
|
</html> |
|
|
