forked from 04Elementos/4elementos
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteste.html
80 lines (66 loc) · 3.44 KB
/
teste.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="4Elementos - Teste de Personalidade">
<meta name="twitter:site" content="https://giocerione.github.io/4elementos/">
<meta name="twitter:description"
content="4Elementos é um site feito por fãs do universo de Ordem Paranormal para que outros fãs possam responder um questionário de 20 perguntas para saber qual elemento eles teriam afinidade baseado nas suas respostas.">
<meta name="twitter:image" content="https://giocerione.github.io/4elementos/images/elementos/Conhecimento.webp">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="images/elementos/Medo.webp" type="image/x-icon">
<link rel="stylesheet" href="styles/quiz.css">
<title>4Elementos</title>
<script type="application/javascript" src="scripts/questions.js"></script>
<script type="application/javascript" src="scripts/elements.js"></script>
<script type="application/javascript" src="scripts/quiz.js" defer></script>
</head>
<body>
<div class="quiz-container">
<div class="title">
<h2>4Elementos - Teste de Afinidade</h2>
</div>
<div class="recomendation">
<p>Recomendamos fortemente que você evite em marcar a opção "neutro" para um resultado mais preciso do
teste. Utilize o botão voltar para mudar sua ÚLTIMA resposta, se precisar.</p>
</div>
<div>
<p id="order" class="order"></p>
<div id="question" class="question"></div>
</div>
<div class="options">
<label class="option">
<input type="button" name="option" id="b1" value="Concordo completamente" onclick="next(2)" />
</label><br>
<label class="option">
<input type="button" name="option" id="b2" value="Concordo" onclick="next(1)" />
</label><br>
<label class="option">
<input type="button" name="option" id="b3" value="Neutro" onclick="next(0)" />
</label><br>
<label class="option">
<input type="button" name="option" id="b4" value="Discordo" onclick="next(-1)" />
</label><br>
<label class="option">
<input type="button" name="option" id="b5" value="Discordo completamente" onclick="next(-2)" />
</label><br>
</div>
<div class="controls">
<button class="previous" onclick="prev()">Voltar</button>
</div>
</div>
<div class="endTest">
<h2>4Elementos - Fim do teste</h2>
<p>Digite seu nome para uma personalização na página de resultados. Essa é uma etapa opcional, essa informação
será registrada apenas no seu próprio navegador.</p>
<input type="text" id="uname" class="inputName" placeholder="Digite seu nome..." maxlength="20"></input><br>
<input type="submit" name="postButton" class="sendButton" value="Enviar Respostas"
onclick="sendResults()"></input>
</div>
</body>
</html>