| | <!DOCTYPE html>
|
| | <html lang="en">
|
| | <head>
|
| | <meta charset="UTF-8">
|
| | <title>Text Summarizer</title>
|
| | <style>
|
| | body { font-family: sans-serif; max-width: 700px; margin: 50px auto; }
|
| | textarea { width: 100%; height: 150px; }
|
| | button { padding: 10px 20px; margin-top: 10px; }
|
| | #summary { margin-top: 20px; padding: 15px; background-color: #f0f0f0; }
|
| | </style>
|
| | </head>
|
| | <body>
|
| | <h1>AI Text Summarizer</h1>
|
| | <p>Enter some text below and I'll summarize it for you.</p>
|
| |
|
| | <textarea id="inputText" placeholder="Paste your long article here..."></textarea>
|
| | <br>
|
| | <button onclick="summarizeText()">Summarize</button>
|
| |
|
| | <div id="summary"></div>
|
| |
|
| | <script>
|
| | <script type ="module" src = "app.js"></script>
|
| | </script>
|
| | </body>
|
| | </html> |
