-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (131 loc) · 5.27 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-gb">
<head>
<meta
http-equiv="Content-Type"
content="text/html; charset=windows-1252"
/>
<title>IQ conversion</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="
https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js
"></script>
<script src="
https://cdn.jsdelivr.net/npm/[email protected]/lib/browser/math.min.js
"></script>
</head>
<body>
<div id="container">
<div id="content">
<div id="head">
<h2 class="comment">
Choose the scale and provide your score
</h2>
</div>
<div id="body">
<object name="IQ-conversion">
<label for="scale-select">Select a scale:</label>
<select
id="scale-select"
onchange="switchToScale(this.value)"
>
<option value="0">Wechsler</option>
<option value="1">Standford-Binet</option>
<option value="2">Cattell</option>
<option value="3">Raven advanced (raw)</option>
<option value="4">Raven standard (raw)</option>
<option value="5">Otis-Lennon</option>
<option value="6">Custom scale</option>
</select>
<label for="score"> and your score: </label
><input
type="number"
name="score"
size="9"
min="0"
max="254"
defaultValue="100"
maxlength="3"
oninput="setUserValue(this.value)"
onchange="setUserValue(this.value)"
/>
</object>
</div>
</div>
</div>
<div class="wrapper">
<canvas id="myChart"></canvas>
</div>
<div class="controls hidden" id="controls">
<div class="sliders">
<div class="range">
<label for="mean-range">Mean value:</label>
<div class="field">
<div class="value left">0</div>
<input
id="mean-slider"
type="range"
min="0"
max="140"
value="100"
steps="1"
oninput="customSliderChangeTo(this.value,'mean')"
/>
<div class="value right">140</div>
</div>
</div>
<div class="range">
<label for="stdDev-range">StdDev value:</label>
<div class="field">
<div class="value left">0</div>
<input
id="stdDev-slider"
type="range"
min="1"
max="100"
value="15"
steps="1"
oninput="customSliderChangeTo(this.value,'stdDev')"
/>
<div class="value right">100</div>
</div>
</div>
</div>
<div class="sliders">
<div class="range">
<label for="min-range">Min value:</label>
<div class="field">
<div class="value left">0</div>
<input
id="min-slider"
type="range"
min="0"
max="250"
value="0"
steps="1"
oninput="customSliderChangeTo(this.value,'min')"
/>
<div class="value right">250</div>
</div>
</div>
<div class="range">
<label for="max-range">Max value: </label>
<div class="field">
<div class="value left">0</div>
<input
id="max-slider"
type="range"
min="0"
max="250"
value="180"
steps="1"
oninput="customSliderChangeTo(this.value, 'max')"
/>
<div class="value right">250</div>
</div>
</div>
</div>
</div>
<script src="js/iq-chart.js"></script>
</body>
</html>