<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PrePost Paraphrasing Tool</title>
<style>
body {font-family: Arial, sans-serif; background:#f9f9f9; padding:20px;}
.container {max-width:800px; margin:auto; background:#fff; padding:20px; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,0.1);}
h1 {text-align:center;}
textarea {width:100%; height:150px; margin-top:10px; padding:10px; border:1px solid #ddd; border-radius:6px;}
button {margin-top:15px; padding:10px 15px; border:none; background:#28a745; color:white; border-radius:6px; cursor:pointer;}
button:hover {background:#218838;}
#output {margin-top:20px; background:#f1f1f1; padding:15px; border-radius:8px; white-space:pre-wrap;}
</style>
</head>
<body>
<div class="container">
<h1>PrePost Paraphrasing Tool</h1>
<label>Enter Text:</label>
<textarea id="inputText" placeholder="Paste your text here..."></textarea>
<button onclick="paraphraseText()">Paraphrase</button>
<h2>Paraphrased Output:</h2>
<div id="output"></div>
</div>
<script>
function paraphraseText() {
let text = document.getElementById("inputText").value;
if (!text) {
alert("Please enter some text!");
return;
}
// Simple word replacement demo (offline paraphrasing)
let synonyms = {
"quick": "fast",
"happy": "joyful",
"big": "large",
"small": "tiny",
"important": "significant",
"use": "utilize"
};
let paraphrased = text.split(" ").map(word => {
return synonyms[word.toLowerCase()] || word;
}).join(" ");
document.getElementById("output").innerText = paraphrased;
}
</script>
</body>
</html>
No comments:
Post a Comment