You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
2.0 KiB
64 lines
2.0 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<title>Quiz App</title>
|
|
</head>
|
|
<body>
|
|
<div class="quiz-container" id="quiz">
|
|
<div class="quiz-header">
|
|
<div class="question-info">
|
|
<span id="question-counter">1/8</span>
|
|
<span id="best-score">Best: 0/8</span>
|
|
</div>
|
|
<h2 id="question">Question text</h2>
|
|
<ul>
|
|
<li>
|
|
<input type="radio" name="answer" id="a" class="answer">
|
|
<label for="a" id="a_text">Question</label>
|
|
</li>
|
|
|
|
<li>
|
|
<input type="radio" name="answer" id="b" class="answer">
|
|
<label for="b" id="b_text">Question</label>
|
|
</li>
|
|
|
|
<li>
|
|
<input type="radio" name="answer" id="c" class="answer">
|
|
<label for="c" id="c_text">Question</label>
|
|
</li>
|
|
|
|
<li>
|
|
<input type="radio" name="answer" id="d" class="answer">
|
|
<label for="d" id="d_text">Question</label>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="rating-section">
|
|
<label>Rate this question (1-5):</label>
|
|
<div class="stars" id="rating-stars">
|
|
<span class="star" data-value="1">★</span>
|
|
<span class="star" data-value="2">★</span>
|
|
<span class="star" data-value="3">★</span>
|
|
<span class="star" data-value="4">★</span>
|
|
<span class="star" data-value="5">★</span>
|
|
</div>
|
|
<span id="current-rating">Not rated</span>
|
|
</div>
|
|
|
|
<div class="notes-section">
|
|
<label for="notes">Notes:</label>
|
|
<textarea id="notes" placeholder="Add your notes here..."></textarea>
|
|
<button id="save-notes" class="save-btn">Save Notes</button>
|
|
</div>
|
|
</div>
|
|
<div class="button-group">
|
|
<button id="submit">Submit</button>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|