-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
41 lines (41 loc) · 2.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Football Teams Selection</title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="dark-mode">
<div class="container dark-mode">
<h1 class="dark-mode">Вибір футбольних команд</h1>
<div class="theme-toggle" onclick="toggleTheme()"> ☀ </div>
<div id="teams"></div>
<button class="dark-mode" onclick="shuffleTeams()">Змінити команди</button>
<button class="dark-mode" onclick="saveTeams()">Записати команди</button>
<button class="dark-mode" onclick="loadTeams()">Показати записані команди</button>
<div class="slider-container">
<label class="dark-mode" for="rating-filter">Оцінка команди: <span id="rating-value">3</span></label>
<input type="range" id="rating-filter" min="3" max="5" step="0.5" value="3" oninput="updateRatingValue()">
</div>
<div class="checkbox-container">
<label class="dark-mode">Ліги:</label>
<label class="dark-mode"><input type="checkbox" name="league" value="Premier League"> Premier League</label>
<label class="dark-mode"><input type="checkbox" name="league" value="Serie A"> Serie A</label>
<label class="dark-mode"><input type="checkbox" name="league" value="LaLiga"> LaLiga</label>
<label class="dark-mode"><input type="checkbox" name="league" value="Bundesliga"> Bundesliga</label>
<label class="dark-mode"><input type="checkbox" name="league" value="Championship"> Championship</label>
<label class="dark-mode"><input type="checkbox" name="league" value="Ligue 1"> Ligue 1</label>
<label class="dark-mode"><input type="checkbox" name="league" value="Eredivisie"> Eredivisie</label>
<label class="dark-mode"><input type="checkbox" name="league" value="Liga NOS"> Liga NOS</label>
<label class="dark-mode"><input type="checkbox" name="league" value="Europe"> Europe</label>
</div>
<!-- <div class="radiobutton-container">
<label class="dark-mode">Режим:</label>
<label class="dark-mode"><input type="radio" name="mode" value="standart" checked> Standart</label>
<label class="dark-mode"><input type="radio" name="mode" value="real"> Real</label>
</div> -->
</div>
<script src="scripts.js"></script>
</body>
</html>