Måske er det sådan, for nu vil den selv finde ud af, hvornår der er 13 besvarede spørgsmål, og reagere 'fornuftigt' ...
-- og brugeren kan derefter prøve sig frem indtil hun har fundet alle de rigtige svar !-)
-- og så blev knappen faktisk overflødig, men hvis du vil have det sådan, at de kan gå skemaet igennem flere gange, før det evalueres, skal vi bare flytte nogle kodelinjer til en funktion !o]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Tip en 13'er</title>
<meta name="Generator" content="Stone's WebWriter 4">
<style type="text/css">
h1,.resultat,#header{font-family:tahoma,verdana,arial,sans-serif;}
table{border-collapse:collapse}
table td{text-align:center;border:1px solid black;padding:0px 5px;}
.nr{text-align:right;}
.spm{text-align:left;}
.svar{width:80px;}
.resultat{display:none;font-size:x-large;margin-bottom:0.2em;}
#besvaret{display:block;}
#succes{color:red;}
#failure{color:blue;}
</style>
<script type="text/javascript">
var fejl = num = 0;
function check(){
var ok = true,thisok = new Array(),fejl = num = 0;
for(i=1;14>i;i++){
radio = document.kupon.elements['r'+i];
thisok[i] = false;
for(j=0;radio.length>j;j++){
thisok[i] = thisok[i]||radio[j].checked&&chSv(i,j);
num += radio[j].checked?1:0;
}
ok = ok&&thisok[i];
fejl += thisok[i]?0:1;
}
if(ok){
document.getElementById('succes').style.display='block';
document.getElementById('failure').style.display='none';
document.getElementById('besvaret').style.display='none';
for(i=1;14>i;i++)document.getElementById('row'+i).style.color='black';
}else{
if(num == 13){
for(i=1;14>i;i++)document.getElementById('row'+i).style.color= thisok[i]?'black':'red';
document.getElementById('succes').style.display='none';
document.getElementById('failure').style.display='block';
document.getElementById('besvaret').style.display='none';
document.getElementById('fejl').innerHTML = fejl;
}else
document.getElementById('besvarede').innerHTML = num;
}
}
</script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h1>Tip en 13'er</h1>
<form name="kupon">
<div id="besvaret" class="resultat">Du har nu besvaret <span id="besvarede">0</span> spørgsmål af 13 ...</div>
<div id="succes" class="resultat">Tillykke, du har svaret rigtigt på alle spørgsmål !-)</div>
<div id="failure" class="resultat">Desværre, du har <span id="fejl"></span> svar forkert</div>
<table>
<tr id="header" style="font-weight:bold;">
<td class="nr">Nr.</td>
<td style="text-align:center;font-size:large">Spørgsmål</td>
<td>1</td>
<td>X</td>
<td>2</td>
</tr>
<tr id="row1">
<td class="nr">1.</td>
<td class="spm">Hvor mange er der i en kasse</td>
<td class="svar"><input type="radio" name="r1" onclick="check()"><br>250</td>
<td class="svar"><input type="radio" name="r1" onclick="check()"><br>500</td>
<td class="svar"><input type="radio" name="r1" onclick="check()"><br>2500</td>
</tr>
<tr id="row2">
<td class="nr">2.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r2" onclick="check()"><br>10</td>
<td><input type="radio" name="r2" onclick="check()"><br>15</td>
<td><input type="radio" name="r2" onclick="check()"><br>25</td>
</tr>
<tr id="row3">
<td class="nr">3.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r3" onclick="check()"><br>10</td>
<td><input type="radio" name="r3" onclick="check()"><br>15</td>
<td><input type="radio" name="r3" onclick="check()"><br>25</td>
</tr>
<tr id="row4">
<td class="nr">4.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r4" onclick="check()"><br>10</td>
<td><input type="radio" name="r4" onclick="check()"><br>15</td>
<td><input type="radio" name="r4" onclick="check()"><br>25</td>
</tr>
<tr id="row5">
<td class="nr">5.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r5" onclick="check()"><br>10</td>
<td><input type="radio" name="r5" onclick="check()"><br>15</td>
<td><input type="radio" name="r5" onclick="check()"><br>25</td>
</tr>
<tr id="row6">
<td class="nr">6.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r6" onclick="check()"><br>10</td>
<td><input type="radio" name="r6" onclick="check()"><br>15</td>
<td><input type="radio" name="r6" onclick="check()"><br>25</td>
</tr>
<tr id="row7">
<td class="nr">7.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r7" onclick="check()"><br>10</td>
<td><input type="radio" name="r7" onclick="check()"><br>15</td>
<td><input type="radio" name="r7" onclick="check()"><br>25</td>
</tr>
<tr id="row8">
<td class="nr">8.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r8" onclick="check()"><br>10</td>
<td><input type="radio" name="r8" onclick="check()"><br>15</td>
<td><input type="radio" name="r8" onclick="check()"><br>25</td>
</tr>
<tr id="row9">
<td class="nr">9.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r9" onclick="check()"><br>10</td>
<td><input type="radio" name="r9" onclick="check()"><br>15</td>
<td><input type="radio" name="r9" onclick="check()"><br>25</td>
</tr>
<tr id="row10">
<td class="nr">10.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r10" onclick="check()"><br>10</td>
<td><input type="radio" name="r10" onclick="check()"><br>15</td>
<td><input type="radio" name="r10" onclick="check()"><br>25</td>
</tr>
<tr id="row11">
<td class="nr">11.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r11" onclick="check()"><br>10</td>
<td><input type="radio" name="r11" onclick="check()"><br>15</td>
<td><input type="radio" name="r11" onclick="check()"><br>25</td>
</tr>
<tr id="row12">
<td class="nr">12.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r12" onclick="check()"><br>10</td>
<td><input type="radio" name="r12" onclick="check()"><br>15</td>
<td><input type="radio" name="r12" onclick="check()"><br>25</td>
</tr>
<tr id="row13">
<td class="nr">13.</td>
<td class="spm">Hvor mange kasser der på en hel palle</td>
<td><input type="radio" name="r13" onclick="check()"><br>10</td>
<td><input type="radio" name="r13" onclick="check()"><br>15</td>
<td><input type="radio" name="r13" onclick="check()"><br>25</td>
</tr>
</table>
</form>
<!-- <button>Se resultat</button> -->
</body>
</html>