|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>SS.GPT3M</title> |
|
|
</head> |
|
|
<body> |
|
|
<h1>SS.GPT3M</h1> |
|
|
<form id="text-form"> |
|
|
<label for="user-input">Enter your input:</label><br> |
|
|
<textarea id="user-input" name="user-input" rows="4" cols="50"></textarea><br> |
|
|
<button type="submit">Generate Text</button> |
|
|
</form> |
|
|
<div id="output"></div> |
|
|
|
|
|
<script> |
|
|
document.getElementById("text-form").addEventListener("submit", function(event) { |
|
|
event.preventDefault(); |
|
|
var userInput = document.getElementById("user-input").value; |
|
|
|
|
|
fetch("/generate", { |
|
|
method: "POST", |
|
|
headers: { |
|
|
"Content-Type": "application/json" |
|
|
}, |
|
|
body: JSON.stringify({ input_text: userInput }) |
|
|
}) |
|
|
.then(response => response.json()) |
|
|
.then(data => { |
|
|
document.getElementById("output").innerText = data.generated_text; |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
|
|
|
