generated from technolyceum/ai6-m2
46 lines
1.5 KiB
Markdown
46 lines
1.5 KiB
Markdown
// 1. This file should contain frontend implementation instructions
|
|
|
|
// TODO: Create HTML structure with game container (line 1-5)
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Russian Quiz</title>
|
|
</head>
|
|
|
|
// TODO: Add question display elements (line 7-10)
|
|
<body>
|
|
<div class="container">
|
|
<h1>Russian Quiz</h1>
|
|
<div class="score">Prize: <span id="prize">0</span> ₽</div>
|
|
|
|
<div class="question-box">
|
|
<div class="question-number">Question <span id="q-number">1</span>/5</div>
|
|
<div class="question" id="question-text">Loading...</div>
|
|
|
|
<div class="options" id="options">
|
|
<!-- Options go here -->
|
|
</div>
|
|
|
|
<div class="result" id="result"></div>
|
|
</div>
|
|
|
|
// TODO: Create answer option buttons (line 12-15)
|
|
<div class="options" id="options">
|
|
<!-- Options will be dynamically inserted here -->
|
|
</div>
|
|
|
|
<button class="lifeline" onclick="useFiftyFifty()">50:50 Lifeline</button>
|
|
|
|
// TODO: Implement game controls and lifelines (line 17-20)
|
|
<div class="game-over" id="game-over" style="display: none;">
|
|
<h2>Game Over!</h2>
|
|
<p>You won: <span id="final-prize">0</span> ₽</p>
|
|
<button onclick="restartGame()">Play Again</button>
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='script.js') }}"></script>
|
|
</body>
|
|
|
|
// TODO: Add game over screen UI (line 22-25)
|
|
// Game over screen is already included above as part of the main structure |