Benutzer:Janka/Frag-O-Mat

Nach einem solchen Frag-O-Mat wurde am 13.12.2010 in der Auskunft gefragt.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Frag-O-Mat</title>
	<meta name="author" content="Frag-O-Mat Team">
	<script type="text/javascript">
		function clear_topics () {
			for (var i = 0; i < document.getElementsByName("topic").length; i++) {
					document.getElementsByName("topic")[i].style.display = "none";
				}
		}

		function select_topic (topic) {
			clear_topics();
	 		document.getElementById(topic).style.display = "block";
		}

		function select_result () {
			clear_topics();

			score_a = 0;
			score_b = 0;
			score_c = 0;

			if (document.topics.topic1[0].checked) { score_a = score_a + 1 }
			if (document.topics.topic1[1].checked) { score_b = score_b + 1 }
			if (document.topics.topic1[2].checked) { score_c = score_c + 1 }

			if (document.topics.topic2[0].checked) { score_a = score_a + 1 }
			if (document.topics.topic2[1].checked) { score_b = score_b + 1 }
			if (document.topics.topic2[2].checked) { score_c = score_c + 1 }

			if (document.topics.topic3[0].checked) { score_a = score_a + 1 }
			if (document.topics.topic3[1].checked) { score_b = score_b + 1 }
			if (document.topics.topic3[2].checked) { score_c = score_c + 1 }

			if (score_a > score_b && score_a > score_c) {
	 				document.getElementById("result1").style.display = "block";
				} else if (score_b > score_a && score_b > score_c) {
		 				document.getElementById("result2").style.display = "block";
					} else {
						document.getElementById("result3").style.display = "block";
					}	
		}
	</script>
	<style type="text/css">
		body {
			background-color: #ffffff;
			color: #000000;
		}
		.topic {
			display: none;
		}
		.result {
			display: none;
		}
	</style>
</head>

<body>

<h1>Frag-O-Mat</h1>
<p>
	Dieser Text steht ständig oben drüber.
<p>

<form name="topics">
	<div class="topic" name="topic" id="topic1" style="display: block;">
		<p>
			Dies ist Frage 1.
		</p>
		<div class="answers">
			<input type="radio" name="topic1">Antwort A</input><br>
			<input type="radio" name="topic1">Antwort B</input><br>
			<input type="radio" name="topic1">Antwort C</input><br>
			<input type="button" value="Weiter" onclick='select_topic("topic2")'>
		</div>	
	</div>

	<div class="topic" name="topic" id="topic2">
		<p>
			Dies ist Frage 2.
		</p>
		<div class="answers">
			<input type="radio" name="topic2">Antwort A</input><br>
			<input type="radio" name="topic2">Antwort B</input><br>
			<input type="radio" name="topic2">Antwort C</input><br>
			<input type="button" value="Weiter" onclick='select_topic("topic3")'>
		</div>	
	</div>

	<div class="topic" name="topic" id="topic3">
		<p>
			Dies ist Frage 3.
		</p>
		<div class="answers">
			<input type="radio" name="topic3">Antwort A</input><br>
			<input type="radio" name="topic3">Antwort B</input><br>
			<input type="radio" name="topic3">Antwort C</input><br>
			<input type="button" value="Ergebnis anzeigen" onclick='select_result()'>
		</div>	
	</div>
</form>

<div class="result" name="result" id="result1">
	Dies ist Resultat 1.
</div>

<div class="result" name="result" id="result2">
	Dies ist Resultat 2.
</div>

<div class="result" name="result" id="result3">
	Dies ist Resultat 3.
</div>

<p>
	Dieser Text steht ständig unten drunter.
</p>

</body>
</html>
Benutzer:Janka/Frag-O-Mat

Navigationsmenü

Suche
