-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
47 lines (47 loc) · 3.29 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
<!DOCTYPE html>
<html>
<head>
<title>IPIP Personality Test</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="main">
<h1>IPIP Personality Test</h1>
<p>Welcome to the IPIP personality test. This test is widely recommended by psychologists, and is based on five main traits of human personality (OCEAN): openness, conscientiousness, extraversion, agreeableness, and neuroticism. It also considers facets of these different aspects.</p>
<p>There are 300 questions in this test. The site will ask you one at a time. The results will update as you go, so you can stop and copy the results at any time. The more questions you answer, the more accurate your results will be. The quiz distributes the questions so that a well-distributed variety of questions will be asked, even if not many have been answered, so short sessions should still be accurate.</p>
<p>Answers are selected on a scale of “Absolutely disagree” (left side of the spectrum), to “Absolutely agree” (right side of the spectrum). The middle represents, “Neither agree nor disagree.” Simply click on the spectrum in the spot you think best represents your stance.</p>
<p>This quiz provides the ability to save your progress and resume a session. Near the bottom of the page are two buttons: “Save progress” and “Load progress.” Press “Save progress” to fill the text box with your progress. Copy and save all of the text in order to use it later. When you wish to resume your session at any other time, paste your text into the same box, and press “Load progress.”</p>
<p>The results table will show the traits that your personality seems to have, based on your answers. Traits at the top are farthest from average, and will influence your personality more than traits beneath them.</p>
<p>Near the bottom is a block of words that summarize the results of your personality. Similarly to the table, words near the beginning of the block are considered more significant to your personality than words that come later. Words will appear for a trait if it is farther than 17.5% away from zero.</p>
<hr>
<p><span id="completed"></span> of 300 questions answered</p>
<p><input type="button" id="undo-button" value="Undo last answer"></p>
<p id="question"></p>
<table>
<tr>
<td colspan="3"><div id="answer" style="cursor:pointer;width:200px;height:50px;background: url('spectrum.png');"></div></td>
</tr>
<tr>
<td style="color:#005290;">Disagree</td>
<td></td>
<td style="text-align:right;color:#c47d00;">Agree</td>
</tr>
</table>
<p><input type="button" id="results-toggle" value="Hide/show results"></p>
<div id="all-results">
<hr>
<table id="result-facets" class="result-facets">
</table>
<hr>
<p id="result-words"></p>
</div>
<hr>
<p><input id="save-progress" type="button" value="Save progress"> <input id="load-progress" type="button" value="Load progress"></p>
<p><textarea id="progress-box" cols="50" rows="4"></textarea></p>
</div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="questions.js"></script>
<script type="text/javascript" src="words.js"></script>
<script type="text/javascript" src="quiz.js"></script>
</body>
</html>