javascript - Hjælp til script - Antal og procent rigtige/forkerte svar - Udvikleren.dk

Tags: javascript

Bruger #6263 @ 16.11.09 12:07

Hey, jeg har et script som jeg skal kunne se antal rigtige svar, og procentdelen af indtil nu rigtige svar.

Scriptet:

Kode

<html>
<head>

<title>E-learning</title>
<link rel="stylesheet" type="text/css" href="centralhenrik.css">
</head>
<script language="javascript">

function checkInput(x,y,fId){
if(x*y==document.getElementById(fId).value){
alert('Korrekt godt klaret, fortsæt til næste regnestykke ;)');
}else{
alert('Desværre forkert prøv igen');
}

}

</script>
<body>
<div align="center">
<h1> E-learning </h1>

<h3> Havde du, ligesom mange andre, problemer i skolen med at gange? <br>
Nu er hjælpen kommet, her er E-learning, med 20 gangestykker og ved at gentage at besvare dem<br>
vil du automatisk blive bedre til at gange</h3>
<h2> Held og lykke </h2>


Hvad er 10 x 10 ?
<input type="text" id="beregning01" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('10','10','beregning01');" />
<br>
Hvad er 20 x 30 ?
<input type="text" id="beregning02" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('20','30','beregning02');" />
<br>
Hvad er 13 x 10 ?
<input type="text" id="beregning03" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('10','13','beregning03');" />
<br>
Hvad er 45 x 60 ?
<input type="text" id="beregning04" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('45','60','beregning04');" />
<br>
Hvad er 14 x 18 ?
<input type="text" id="beregning05" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('14','18','beregning05');" />
<br>
Hvad er 78 x 34 ?
<input type="text" id="beregning06" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('78','34','beregning06');" />
<br>
Hvad er 19 x 56 ?
<input type="text" id="beregning07" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('19','56','beregning07');" />
<br>
Hvad er 34 x 43 ?
<input type="text" id="beregning08" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('34','43','beregning08');" />
<br>
Hvad er 55 x 33 ?
<input type="text" id="beregning09" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('55','33','beregning09');" />
<br>
Hvad er 67 x 11 ?
<input type="text" id="beregning10" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('67','11','beregning10');" />
<br>
Hvad er 89 x 99 ?
<input type="text" id="beregning11" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('89','99','beregning11');" />
<br>
Hvad er 16 x 12 ?
<input type="text" id="beregning12" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('16','12','beregning12');" />
<br>
Hvad er 87 x 74 ?
<input type="text" id="beregning13" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('87','74','beregning13);" />
<br>
Hvad er 26 x 21 ?
<input type="text" id="beregning14" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('26','21','beregning14');" />
<br>
Hvad er 73 x 70 ?
<input type="text" id="beregning15" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('73','70','beregning15');" />
<br>
Hvad er 20 x 66 ?
<input type="text" id="beregning16" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('20','66','beregning16');" />
<br>
Hvad er 24 x 74 ?
<input type="text" id="beregning17" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('24','74','beregning17');" />
<br>
Hvad er 94 x 94 ?
<input type="text" id="beregning018" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('94','94','beregning18');" />
<br>
Hvad er 17 x 17 ?
<input type="text" id="beregning19" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('7','17','beregning19');" />
<br>

</div>
</body>
</html>

'

Help

6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #6559 @ 16.11.09 21:47

843

Jo, svar.

Bruger #6559 @ 16.11.09 12:30

843

Du kan nok gøre sådan her:

JScript kode

 int correctAnswers = 0;
     
     function checkInput(x,y,fId)
     {
         if (x*y == document.getElementById(fId).value)
         {
             alert('Korrekt godt klaret, fortsæt til næste regnestykke ;)');
             
             correctAnswers += 1;
         }
         else
         {
             alert('Desværre forkert prøv igen');
         }
     }
     
     function getResult()
     {
         int antalSpg = 0;
         
         return (correctAnswers * 100) / antalSpg;
     }

Så kan du bruge getResult() til at returnere antal % rigtige.

Edit: Det er ikke lige blevet testet.

Indlæg senest redigeret d. 16.11.2009 12:36 af Bruger #6559

Bruger #6263 @ 16.11.09 12:38

-1

DU skal have mange tak for dit hurtige svar, problemet er bare at jeg er 100% retarderet til js, jeg havde sådan set bare brug for at få det implementeret i scriptet.

Jeg forsøgte at sætte din kode ind sådan her:

Kode

<html>
<head>

<title>E-learning</title>
<link rel="stylesheet" type="text/css" href="centralhenrik.css">
</head>
<script language="javascript">

int correctAnswers = 0;

function checkInput(x,y,fId)
{
if (x*y == document.getElementById(fId).value)
{
alert('Korrekt godt klaret, fortsæt til næste regnestykke ;)');

correctAnswers += 1;
}
else
{
alert('Desværre forkert prøv igen');
}
}

function getResult()
{
int antalSpg = 0;

return (correctAnswers * 100) / antalSpg;
}

</script>
<body>
<div align="center">
<h1> E-learning </h1>

<h3> Havde du, ligesom mange andre, problemer i skolen med at gange? <br>
Nu er hjælpen kommet, her er E-learning, med 20 gangestykker og ved at gentage at besvare dem<br>
vil du automatisk blive bedre til at gange</h3>
<h2> Held og lykke </h2>


Hvad er 10 x 10 ?
<input type="text" id="beregning01" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('10','10','beregning01');" />
<br>
Hvad er 20 x 30 ?
<input type="text" id="beregning02" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('20','30','beregning02');" />
<br>
Hvad er 13 x 10 ?
<input type="text" id="beregning03" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('10','13','beregning03');" />
<br>
Hvad er 45 x 60 ?
<input type="text" id="beregning04" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('45','60','beregning04');" />
<br>
Hvad er 14 x 18 ?
<input type="text" id="beregning05" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('14','18','beregning05');" />
<br>
Hvad er 78 x 34 ?
<input type="text" id="beregning06" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('78','34','beregning06');" />
<br>
Hvad er 19 x 56 ?
<input type="text" id="beregning07" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('19','56','beregning07');" />
<br>
Hvad er 34 x 43 ?
<input type="text" id="beregning08" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('34','43','beregning08');" />
<br>
Hvad er 55 x 33 ?
<input type="text" id="beregning09" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('55','33','beregning09');" />
<br>
Hvad er 67 x 11 ?
<input type="text" id="beregning10" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('67','11','beregning10');" />
<br>
Hvad er 89 x 99 ?
<input type="text" id="beregning11" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('89','99','beregning11');" />
<br>
Hvad er 16 x 12 ?
<input type="text" id="beregning12" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('16','12','beregning12');" />
<br>
Hvad er 87 x 74 ?
<input type="text" id="beregning13" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('87','74','beregning13);" />
<br>
Hvad er 26 x 21 ?
<input type="text" id="beregning14" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('26','21','beregning14');" />
<br>
Hvad er 73 x 70 ?
<input type="text" id="beregning15" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('73','70','beregning15');" />
<br>
Hvad er 20 x 66 ?
<input type="text" id="beregning16" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('20','66','beregning16');" />
<br>
Hvad er 24 x 74 ?
<input type="text" id="beregning17" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('24','74','beregning17');" />
<br>
Hvad er 94 x 94 ?
<input type="text" id="beregning018" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('94','94','beregning18');" />
<br>
Hvad er 17 x 17 ?
<input type="text" id="beregning19" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('7','17','beregning19');" />
<br>

</div>
</body>
</html>

men det virker ikke...

Indlæg senest redigeret d. 16.11.2009 12:59 af Bruger #6263

Bruger #6263 @ 16.11.09 13:37

-1

bump help :3

Bruger #6559 @ 16.11.09 13:37

843

Jeg har implamenteret den i første input så kan du selv gøre det i de sidste.

Kode

<html>
	<head>
		<title>E-learning</title>
		<link rel="stylesheet" type="text/css" href="centralhenrik.css">
		<script type="text/javascript">
			var correctAnswers = 0;

			function checkInput(x,y,fId)
			{
				if (x*y == document.getElementById(fId).value)
				{
					alert('Korrekt godt klaret, fortsæt til næste regnestykke ;)');

					correctAnswers += 1;
				}
				else
				{
					alert('Desværre forkert prøv igen');
				}
			}

			function updateResult()
			{				
				var antalSpg = 19;
				var result = (correctAnswers * 100) / antalSpg
				document.getElementById('result').innerHTML = 'Du har ' + result.toFixed(2) + '% rigtige.';				
			}

		</script>
	</head>
	
	<body>

		<div align="center">
		<h1> E-learning </h1>

		<h3> Havde du, ligesom mange andre, problemer i skolen med at gange? <br>
		Nu er hjælpen kommet, her er E-learning, med 20 gangestykker og ved at gentage at besvare dem<br>
		vil du automatisk blive bedre til at gange</h3>
		<h2> Held og lykke </h2>


		Hvad er 10 x 10 ?
		<input type="text" id="beregning01" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('10','10','beregning01'); updateResult()" />
		<br>
		Hvad er 20 x 30 ?
		<input type="text" id="beregning02" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('20','30','beregning02');" />
		<br>
		Hvad er 13 x 10 ?
		<input type="text" id="beregning03" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('10','13','beregning03');" />
		<br>
		Hvad er 45 x 60 ?
		<input type="text" id="beregning04" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('45','60','beregning04');" />
		<br>
		Hvad er 14 x 18 ?
		<input type="text" id="beregning05" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('14','18','beregning05');" />
		<br>
		Hvad er 78 x 34 ?
		<input type="text" id="beregning06" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('78','34','beregning06');" />
		<br>
		Hvad er 19 x 56 ?
		<input type="text" id="beregning07" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('19','56','beregning07');" />
		<br>
		Hvad er 34 x 43 ?
		<input type="text" id="beregning08" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('34','43','beregning08');" />
		<br>
		Hvad er	55 x 33 ?
		<input type="text" id="beregning09" />
		<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('55','33','beregning09');" />
		<br>
		Hvad er 67 x 11 ?
<input type="text" id="beregning10" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('67','11','beregning10');" />
<br>
Hvad er 89 x 99 ?
<input type="text" id="beregning11" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('89','99','beregning11');" />
<br>
Hvad er 16 x 12 ?
<input type="text" id="beregning12" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('16','12','beregning12');" />
<br>
Hvad er 87 x 74 ?
<input type="text" id="beregning13" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('87','74','beregning13');" />
<br>
Hvad er 26 x 21 ?
<input type="text" id="beregning14" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('26','21','beregning14');" />
<br>
Hvad er 73 x 70 ?
<input type="text" id="beregning15" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('73','70','beregning15');" />
<br>
Hvad er 20 x 66 ?
<input type="text" id="beregning16" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('20','66','beregning16');" />
<br>
Hvad er 24 x 74 ?
<input type="text" id="beregning17" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('24','74','beregning17');" />
<br>
Hvad er 94 x 94 ?
<input type="text" id="beregning018" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('94','94','beregning18');" />
<br>
Hvad er 17 x 17 ?
<input type="text" id="beregning19" />
<input type="submit" value="Klik for svar" name="Check" onclick="checkInput('7','17','beregning19');" />
<br>

</div>
<span id="result"></span>
</body>
</html>

Bruger #6263 @ 16.11.09 14:10

-1

woot, mange tak, det virker jo

Kan jeg få dig til at oprette et svar så du kan få nogen point? ;]

Indlæg senest redigeret d. 16.11.2009 14:12 af Bruger #6263

Hjælp til script - Antal og procent rigtige/forkerte svar

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler