| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>1kcoins</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| </head> | |
| <body> | |
| <div id="stats"> | |
| <span>Balance: $<span id="balance">10.00</span></span> | |
| <span>Flips left: <span id="flips">1000</span></span> | |
| </div> | |
| <div id="game-area"> | |
| <div id="coin" onclick="flipCoin()"></div> | |
| </div> | |
| <div id="shop"></div> | |
| <div id="game-over"> | |
| <h2>Game Over</h2> | |
| <p>Your final score: $<span id="final-score"></span></p> | |
| <input type="text" id="initials" placeholder="Enter your initials" maxlength="3"> | |
| <button onclick="submitScore()">Submit Score</button> | |
| <button onclick="playAgain()">Play Again</button> | |
| <div id="leaderboard"> | |
| <h3>Leaderboard</h3> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Rank</th> | |
| <th>Initials</th> | |
| <th>Score</th> | |
| </tr> | |
| </thead> | |
| <tbody id="leaderboard-body"></tbody> | |
| </table> | |
| </div> | |
| </div> | |
| <script> | |
| </script> | |
| <script src="{{ url_for('static', filename='js/game.js') }}"></script> | |
| </body> | |
| </html> |