<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AI To Human Text Converter Online</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>

<body>

<header>
  <nav class="navbar">
    <img src="assets/logo.svg" class="logo">
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>

<section class="tool">
  <h1>AI to Human Text Converter</h1>

  <textarea id="inputText" placeholder="Paste AI generated text here..."></textarea>

  <!-- Tone Selector -->
  <label>Tone</label>
  <select id="tone">
    <option>Casual</option>
    <option>Professional</option>
    <option>Academic</option>
    <option>Friendly</option>
    <option>Simple English</option>
  </select>

  <!-- Humanization Level -->
  <label>Humanization Level</label>
  <select id="level">
    <option>Moderate</option>
    <option>Deep Humanization</option>
  </select>

  <!-- Word Limit -->
  <label>Word Limit</label>
  <select id="limit">
    <option value="150">Limit to 150 Words</option>
    <option value="custom">Match Teacher Instructions</option>
  </select>

  <button onclick="humanizeText()">One Click Humanize + Fix</button>

  <!-- Output -->
  <div class="result">
    <p><strong>Original AI Score:</strong> <span id="aiScore">98%</span></p>
    <p><strong>After Humanization:</strong> <span id="newScore">12%</span></p>
    <textarea id="outputText" placeholder="Humanized content will appear here..."></textarea>
  </div>

</section>

<footer>
  <a href="privacy.html">Privacy</a> |
  <a href="terms.html">Terms</a> |
  <a href="disclaimer.html">Disclaimer</a>
</footer>

<script src="js/app.js"></script>
</body>
</html>

function humanizeText() {
  let text = document.getElementById("inputText").value;
  let tone = document.getElementById("tone").value;
  let level = document.getElementById("level").value;
  let limit = document.getElementById("limit").value;

  if (!text) {
    alert("Please enter text first");
    return;
  }

  // Word Limiter
  let words = text.split(" ");
  if (limit === "150" && words.length > 150) {
    text = words.slice(0,150).join(" ");
  }

  // Simulated Humanization
  let output = text
    .replace(/AI/gi, "human")
    .replace(/Therefore/gi, "So")
    .replace(/Moreover/gi, "Also");

  document.getElementById("outputText").value =
    `[Tone: ${tone} | Level: ${level}]\n\n` + output;

  // AI Score Simulation
  document.getElementById("aiScore").innerText = "98%";
  document.getElementById("newScore").innerText =
    level === "Deep Humanization" ? "8%" : "12%";
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  background: #f9f9f9;
}

.navbar {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  background: #0a2540;
}

.navbar a {
  color: white;
  margin: 0 10px;
  text-decoration: none;
}

.tool {
  max-width: 800px;
  margin: auto;
  padding: 20px;
}

textarea {
  width: 100%;
  min-height: 150px;
  margin-bottom: 15px;
}

button {
  padding: 12px;
  width: 100%;
  background: #007bff;
  color: white;
  border: none;
  cursor: pointer;
}

footer {
  text-align: center;
  padding: 15px;
  background: #eee;
}


<!DOCTYPE html>
<html>
<head>
<title>About Us</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>About AI To Human Text Converter</h1>
<p>We help writers convert AI content into natural human-like text...</p>
</body>
</html>
Scroll to Top