Spaces:
Runtime error
Runtime error
| <html> | |
| <head> | |
| <title>Twitter Accounts</title> | |
| <meta charset="UTF-8"> | |
| <meta name="description" content="This is a simple webpage that is included in my Twitter Account Project"> | |
| <link rel="stylesheet" type="text/css" href="../static/style.css"> | |
| <link rel="shortcut icon" type="image/x-icon" href="../static/tweepy.ico"> | |
| <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="page"> | |
| <h1>My Twitter Sentiment API Webpage</h1> | |
| <div class="form"> | |
| <label for="account">Choose the Twitter account you'd like to generate a response to your input:</label> | |
| <select name="account" id="account"> | |
| <option value="alikarimi_ak8">alikarimi_ak8</option> | |
| <option value="elonmusk">elonmusk</option> | |
| <option value="BarackObama">BarackObama</option> | |
| <option value="taylorlorenz">taylorlorenz</option> | |
| <option value="cathiedwood">cathiedwood</option> | |
| <option value="ylecun">ylecun</option> | |
| </select> | |
| <textarea id="input" placeholder="Enter text here...">Hello world...!?</textarea> | |
| <button id="generate">Generate</button> | |
| <textarea id="output" placeholder="Generated text will appear here..."></textarea> | |
| </div> | |
| <div id="form"> | |
| <div class="tweets"> | |
| <h2>Tweets (Live)</h2> | |
| <iframe id="tweetsFrame" width="850" height="200" frameborder="0"></iframe> | |
| </div> | |
| <div id="summary"> | |
| <button id="generate-summary">Generate Summary</button> | |
| <textarea id="output-summary" placeholder="Generated text will appear here..."></textarea> | |
| </div> | |
| <div class="inner"> | |
| <h2>Twitter Account Info (Live)</h2> | |
| <iframe src="/accounts" width=850 height="200" frameborder="0"></iframe> | |
| </div> | |
| </div> | |
| <div class="inner"> | |
| <h2>Twitter Account Info (Live)</h2> | |
| </div> | |
| <div id="outer"> | |
| <h2>Twitter Account Analysis (Historical)</h2> | |
| <div class="inner"> | |
| <p align="center"><iframe src="/examples1" width=850 height="450" frameborder="0"></iframe></p> | |
| </div> | |
| <div class="inner"> | |
| <p align="center"><iframe src="/examples2" width=900 height="550" frameborder="0"></iframe></p> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="../static/main.js"></script> | |
| <script> | |
| window.onload = function () { | |
| generateTweets(); // Call generateTweets() when the page finishes loading | |
| }; | |
| document.getElementById("account").addEventListener("change", function () { | |
| generateTweets(); // Call generateTweets() whenever a new account is selected | |
| }); | |
| function generateTweets() { | |
| var account = document.getElementById("account").value; | |
| console.log("What up") | |
| var tweetsFrame = document.getElementById("tweetsFrame"); | |
| tweetsFrame.src = "/tweets/" + account; | |
| console.log(tweetsFrame.src) | |
| }</script> | |
| </html> |