| <!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> |
