| --- index.html --- | |
| ```html | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Transformer Sentiment Analyzer</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>Transformer Sentiment Analyzer</h1> | |
| </header> | |
| <main class="container"> | |
| <form id="analyze-form"> | |
| <label for="modelSelect">Choose model:</label> | |
| <select id="modelSelect" name="modelSelect" aria-label="Select sentiment model"> | |
| <!-- Dynamically populated in index.js --> | |
| </select> | |
| <label for="inputText">Enter text to analyze:</label> | |
| <textarea id="inputText" name="inputText" rows="4" placeholder="Type your text here..." required aria-required="true"></textarea> | |
| <button type="submit" id="analyzeButton">Analyze Sentiment</button> | |
| </form> | |
| <section id="result" aria-live="polite"></section> | |
| </main> | |
| <script type="module" src="index.js"></script> | |
| </body> | |
| </html> |