-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
82 lines (64 loc) · 2.86 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<title>Trivia Multidimensional</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Aladin' rel='stylesheet'>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Trivia Multidimensional</h1>
</header>
<div id="filter">
<input type="number" id="limit" placeholder="Number of Questions (10 to 40)" min="10" max="40">
</div>
<div id="filter">
<button class="dropdown-button" onclick="toggleDropdown('category')">Category ( maximum 3 )</button>
<div id="category" class="dropdown-content"></div>
</div>
<div id="filter">
<button class="dropdown-button" onclick="toggleDropdown('difficulty')">Difficulty</button>
<div id="difficulty" class="dropdown-content">
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" value="easy">
<label class="form-check-label" for="flexRadioDefault1">
Easy
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" value="medium">
<label class="form-check-label" for="flexRadioDefault2">
Medium
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3" value="hard">
<label class="form-check-label" for="flexRadioDefault3">
Hard
</label>
</div>
</div>
</div>
<div id="filter">
<button class="dropdown-button" onclick="toggleDropdown('question-type')">Question Type</button>
<div id="question-type" class="dropdown-content">
<label>
<span>Multiple Choice</span>
<input type="checkbox" value="multiple">
</label>
<label>
<span>True or False</span>
<input type="checkbox" value="boolean">
</label>
</div>
</div>
<div id="filter">
<button id="botao-submit" class="submit" onclick="submitFilters()">Submit</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="category.js"></script>
<script src="limit.js"></script>
<script src="submit.js"></script>
</body>
</html>