quiz maken met invoervakken
Ik wil een quiz maken, maar ik heb nu een quiz met meer keuzen vragen.
Maar ik wil nu ook met invoervakken doen.
Dit heb ik al:
Code (php)
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
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
//boven aan
<script type="text/javascript">
var answers = {
a: '1',
b: 'hoi',
c: '3',
d: '4'};
function check() {
var g, s = '', t = 0;
for (var p in answers) {
eval('var e = document.forms[0].' + p);
g = '';
for (var j = 0; j < e.length; j++) if (e[j].checked) g = e[j].value;
if (g == '') g = 'niet beantwoord';
s += 'Vraag: ' + p + ' > ' + g + ' = ' + (g == answers[p] ? 'goed' : 'fout > ' + answers[p]) + '\n';
if (g == answers[p]) t ++;
};
s += t + ' vragen goed beantwoord';
alert(s);
};
</script>
//in body
<form>
a:
<input type="radio" name="a" value="1"> 1
<input type="radio" name="a" value="2"> 2
<input type="radio" name="a" value="3"> 3
<input type="radio" name="a" value="4"> 4
<br>
b:
<input type="text" name="b">
<br>
c:
<input type="radio" name="c" value="1"> 1
<input type="radio" name="c" value="2"> 2
<input type="radio" name="c" value="3"> 3
<input type="radio" name="c" value="4"> 4
<br>
d:
<input type="radio" name="d" value="1"> 1
<input type="radio" name="d" value="2"> 2
<input type="radio" name="d" value="3"> 3
<input type="radio" name="d" value="4"> 4
<br>
<input type="button" value="Controleer" onclick="check()">
</form>
<script type="text/javascript">
var answers = {
a: '1',
b: 'hoi',
c: '3',
d: '4'};
function check() {
var g, s = '', t = 0;
for (var p in answers) {
eval('var e = document.forms[0].' + p);
g = '';
for (var j = 0; j < e.length; j++) if (e[j].checked) g = e[j].value;
if (g == '') g = 'niet beantwoord';
s += 'Vraag: ' + p + ' > ' + g + ' = ' + (g == answers[p] ? 'goed' : 'fout > ' + answers[p]) + '\n';
if (g == answers[p]) t ++;
};
s += t + ' vragen goed beantwoord';
alert(s);
};
</script>
//in body
<form>
a:
<input type="radio" name="a" value="1"> 1
<input type="radio" name="a" value="2"> 2
<input type="radio" name="a" value="3"> 3
<input type="radio" name="a" value="4"> 4
<br>
b:
<input type="text" name="b">
<br>
c:
<input type="radio" name="c" value="1"> 1
<input type="radio" name="c" value="2"> 2
<input type="radio" name="c" value="3"> 3
<input type="radio" name="c" value="4"> 4
<br>
d:
<input type="radio" name="d" value="1"> 1
<input type="radio" name="d" value="2"> 2
<input type="radio" name="d" value="3"> 3
<input type="radio" name="d" value="4"> 4
<br>
<input type="button" value="Controleer" onclick="check()">
</form>
Maar goed hoe moet ik dat doen.
Uitleg: zie commentaar in de code
Code (php)
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
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
<script type="text/javascript">
var answers = {
a: '1',
b: 'Canberra',
c: '3',
d: '4'
};
function check() {
var g, s = '', t = 0; // g: slaat de value op; s: result string; t: teller
for (var p in answers) {
eval('var e = document.forms[0].' + p); // e wordt het aangesproken element
g = '';
// hier gaan we controleren wat het type van het element is
// als e een radio is, zijn er verschillende elementen, en dus e[j]. Als het een text is, is er slechts 1 element en is e geen array
var type = (typeof e.type != 'undefined' ? e.type : e[0].type);
switch (type) {
case 'radio': // radio button; verschillende elementen die we moeten overlopen
for (var j = 0; j < e.length; j++) {
if (e[j].checked) {
g = e[j].value;
}
}
break;
case 'text': // hier geen for() nodig
default:
g = e.value;
break;
} // deze switch kan uitgebreid worden, indien nodig
if (g == '') {
g = 'niet beantwoord';
}
s += 'Vraag: ' + p + ' > ' + g + ' = ' + (g.toLowerCase() == answers[p].toLowerCase() ? 'goed' : 'fout > ' + answers[p]) + '\n'; // laat ons niet vitten op hoofdletters ...
if (g.toLowerCase() == answers[p].toLowerCase()) {
t ++
}
};
s += t + ' vragen goed beantwoord';
alert(s);
};
</script>
<form>
a:
<input type="radio" name="a" value="1"> 1
<input type="radio" name="a" value="2"> 2
<input type="radio" name="a" value="3"> 3
<input type="radio" name="a" value="4"> 4
<br>
b:
<input type="text" name="b"> Wat is de hoofdstad van Australi?
<br>
c:
<input type="radio" name="c" value="1"> 1
<input type="radio" name="c" value="2"> 2
<input type="radio" name="c" value="3"> 3
<input type="radio" name="c" value="4"> 4
<br>
d:
<input type="radio" name="d" value="1"> 1
<input type="radio" name="d" value="2"> 2
<input type="radio" name="d" value="3"> 3
<input type="radio" name="d" value="4"> 4
<br>
<input type="button" value="Controleer" onclick="check()">
</form>
var answers = {
a: '1',
b: 'Canberra',
c: '3',
d: '4'
};
function check() {
var g, s = '', t = 0; // g: slaat de value op; s: result string; t: teller
for (var p in answers) {
eval('var e = document.forms[0].' + p); // e wordt het aangesproken element
g = '';
// hier gaan we controleren wat het type van het element is
// als e een radio is, zijn er verschillende elementen, en dus e[j]. Als het een text is, is er slechts 1 element en is e geen array
var type = (typeof e.type != 'undefined' ? e.type : e[0].type);
switch (type) {
case 'radio': // radio button; verschillende elementen die we moeten overlopen
for (var j = 0; j < e.length; j++) {
if (e[j].checked) {
g = e[j].value;
}
}
break;
case 'text': // hier geen for() nodig
default:
g = e.value;
break;
} // deze switch kan uitgebreid worden, indien nodig
if (g == '') {
g = 'niet beantwoord';
}
s += 'Vraag: ' + p + ' > ' + g + ' = ' + (g.toLowerCase() == answers[p].toLowerCase() ? 'goed' : 'fout > ' + answers[p]) + '\n'; // laat ons niet vitten op hoofdletters ...
if (g.toLowerCase() == answers[p].toLowerCase()) {
t ++
}
};
s += t + ' vragen goed beantwoord';
alert(s);
};
</script>
<form>
a:
<input type="radio" name="a" value="1"> 1
<input type="radio" name="a" value="2"> 2
<input type="radio" name="a" value="3"> 3
<input type="radio" name="a" value="4"> 4
<br>
b:
<input type="text" name="b"> Wat is de hoofdstad van Australi?
<br>
c:
<input type="radio" name="c" value="1"> 1
<input type="radio" name="c" value="2"> 2
<input type="radio" name="c" value="3"> 3
<input type="radio" name="c" value="4"> 4
<br>
d:
<input type="radio" name="d" value="1"> 1
<input type="radio" name="d" value="2"> 2
<input type="radio" name="d" value="3"> 3
<input type="radio" name="d" value="4"> 4
<br>
<input type="button" value="Controleer" onclick="check()">
</form>
Gewijzigd op 06/12/2012 10:33:51 door Kris Peeters