Hallo zusammen,
vorerst möchte ich euch sagen, dass ich derzeit ein Schulprojekt am machen bin, wo wir mit hilfe von html/css/js ein quiz erstellen sollen. Bis gestern hat bei Radiobuttons und Lückentext alles geklappt, heute nicht mehr (oder ich bin einfach zu dumm
) Nunja, ich weiß nicht wo der Fehler liegt, kennt sich jemand damit aus?
LG Paul
Anlage: Seite 1
css:
vorerst möchte ich euch sagen, dass ich derzeit ein Schulprojekt am machen bin, wo wir mit hilfe von html/css/js ein quiz erstellen sollen. Bis gestern hat bei Radiobuttons und Lückentext alles geklappt, heute nicht mehr (oder ich bin einfach zu dumm

LG Paul
Anlage: Seite 1
Code:
<html>
<head>
<title> QUIIIIIIIIIIIZ </title>
<link rel="stylesheet" href="style.css">
<script language="javascript">
<!--
var richtig = 0;
var falsch = 0;
var secrets = 0;
var Name = window.prompt("Dein Name ist?", "");
function radio()
{
if(document.getElementById('radio_1').checked){
richtig = richtig + 1;
}else if(document.getElementById('radio_2').checked){
falsch = falsch + 1;
}else if(document.getElementById('radio_3').checked){
falsch = falsch + 1;
}
}
function luecke()
{
if(document.forms[1].Vaduz_1.value == "Vaduz")
{
richtig = richtig + 1;
}else{
falsch = falsch + 1;
}
if(document.forms[1].Rhein.value == "Rhein")
{
richtig = richtig + 1;
}else{
falsch = falsch +1;
}
if(document.forms[1].Einwohner.value == "5000")
{
richtig = richtig + 1;
}else{
falsch = falsch + 1;
}
if(document.forms[1].Schloss.value == "Schloss")
{
richtig = richtig + 1;
}else{
falsch = falsch +1;
}
if(document.forms[1].Vaduz_2.value == "Vaduz")
{
richtig = richtig + 1;
}else{
falsch = falsch + 1;
}
if(document.forms[1].höhenmeter.value == "570")
{
richtig = richtig + 1;
}else{
falsch = falsch + 1;}
}
function richtige_antwort()
{
richtig = richtig + 1;
}
function richtige_antwort_bild()
{
richtig = richtig + 1;
document.getElementById('bild_richtig').id = 'bild_richtig_2'
document.getElementById('bild').id = ' '
document.getElementById('bild').id = ' '
}
function falsche_antwort()
{
falsch = falsch + 1;
}
function falsche_antwort_bild()
{
falsch = falsch + 1;
document.getElementById('bild_richtig').id = 'bild_richtig_2'
document.getElementById('bild').id = ' '
document.getElementById('bild').id = ' '
}
function secret_1()
{
secrets=1;
}
function beenden()
{
document.write( Name + ' , du hast ' + richtig + ' richtige Antworten und ' + falsch + ' falsche Antworten.' + ' Gleichzeitig hast du ' + secrets + ' Secrets gefunden! Insgesamt gab es 1 Secret' )
}
-->
</script>
</head>
<body bgcolor="#B40404">
<form>
<input id="fixed" align="center" type="button" value="Beenden" onClick="javascript:beenden();javascript:luecke();javascript:radio();">
</form>
<audio align="center" autoplay id="bgsound">
<source src="./wwm.mp3" type="audio/mp3">
:/
</audio>
<button type="button" id="fixed_2"
onclick="document.getElementById('bgsound').pause();">
Sound beenden
</button>
<tr><a href="#secret_1"><h1 align="center"id="hai" color="B40404"> Hi, Willkommen beim Liechtenstein-Quiz! </h1></a>
<img id="fixed_3" src="./li.png" border="10" > </img>
<div id="secret_1"><input id="secret" align="center" type="button" value="Secret 1" onClick="javascript:secret_1();"> </div>
<br><br><br>
<br><br><br>
<h3 align="center"> Frage 1. Welches Bild repräsentatiert Liechtenstein? </h3>
<table align="center" border="10">
<tr><th> <img id="bild_richtig" src="./img/karte_richtig.png" onClick="javascript:richtige_antwort_bild();"> </img>
<th> <img id="bild" src="./img/karte_falsch_1.png" onClick="javascript:falsche_antwort_bild();javascript:alert('FALSCH!');"> </img>
<th> <img id="bild" src="./img/karte_falsch_2.png" onClick="javascript:falsche_antwort_bild();javascript:alert('FALSCH!');"> </img>
</table>
<br>
<br>
<br>
<br>
<h3 align="center"> Frage 2. Welche der folgenden Orte liegt NICHT in Liechtenstein? </h3>
<table id=" " align="center">
<tr><th> <input id="Orte0" type="button" value="Ruggell"
onClick="javascript:falsche_antwort();javascript:getElementById('Orte_richtig').id='Orte_richtig_2';javascript:document.getElementById('Orte0').disabled = true;javascript:document.getElementById('Orte1').disabled = true;javascript:document.getElementById('Orte3').disabled = true;javascript:document.getElementById('Orte_richtig_2').disabled = true;javascript:alert('FALSCH!');">
<th> <input id="Orte1" type="button" value="Balzers"
onClick="javascript:falsche_antwort();javascript:getElementById('Orte_richtig').id='Orte_richtig_2';javascript:document.getElementById('Orte0').disabled = true;javascript:document.getElementById('Orte1').disabled = true;javascript:document.getElementById('Orte3').disabled = true;javascript:document.getElementById('Orte_richtig_2').disabled = true;javascript:alert('FALSCH!');">
<th> <input id="Orte_richtig" type="button" value="Veltheim"
onClick="javascript:richtige_antwort();javascript:getElementById('Orte_richtig').id='Orte_richtig_2';javascript:document.getElementById('Orte0').disabled = true;javascript:document.getElementById('Orte1').disabled = true;javascript:document.getElementById('Orte3').disabled = true;javascript:document.getElementById('Orte_richtig_2').disabled = true;">
<th> <input id="Orte3" type="button" value="Schaanwald"
onClick="javascript:falsche_antwort();javascript:getElementById('Orte_richtig').id='Orte_richtig_2';javascript:document.getElementById('Orte0').disabled = true;javascript:document.getElementById('Orte1').disabled = true;javascript:document.getElementById('Orte3').disabled = true;javascript:document.getElementById('Orte_richtig_2').disabled = true;javascript:alert('FALSCH!');">
</table>
<br>
<br>
<br>
<br>
<h3 align="center">Frage 3. Was ist ein Projekt der Regierung von Liechtenstein, was die Bevölkerung spaltet? </h3>
<table id=" " align="center">
<tr><th> <input id="Projekt0" type="button" value="Eine Liechtensteinsche Fussballliga"
onClick="javascript:falsche_antwort();javascript:getElementById('Projekt_richtig').id='Projekt_richtig_2';javascript:document.getElementById('Projekt0').disabled = true;javascript:document.getElementById('Projekt2').disabled = true;javascript:document.getElementById('Projekt3').disabled = true;javascript:document.getElementById('Projekt_richtig_2').disabled = true;javascript:alert('FALSCH!');">
<th> <input id="Projekt_richtig" type="button" value="SBahn Fl.A.CH"
onClick="javascript:richtige_antwort();javascript:getElementById('Projekt_richtig').id='Projekt_richtig_2';javascript:document.getElementById('Projekt0').disabled = true;javascript:document.getElementById('Projekt2').disabled = true;javascript:document.getElementById('Projekt3').disabled = true;javascript:document.getElementById('Projekt_richtig_2').disabled = true;">
<th> <input id="Projekt2" type="button" value="Der Feldkirch-Tunnel"
onClick="javascript:falsche_antwort();javascript:getElementById('Projekt_richtig').id='Projekt_richtig_2';javascript:document.getElementById('Projekt0').disabled = true;javascript:document.getElementById('Projekt2').disabled = true;javascript:document.getElementById('Projekt3').disabled = true;javascript:document.getElementById('Projekt_richtig_2').disabled = true;javascript:alert('FALSCH!');">
<th> <input id="Projekt3" type="button" value="Das Nationalstadion in Balzers"
onClick="javascript:falsche_antwort();javascript:getElementById('Projekt_richtig').id='Projekt_richtig_2';javascript:document.getElementById('Projekt0').disabled = true;javascript:document.getElementById('Projekt2').disabled = true;javascript:document.getElementById('Projekt3').disabled = true;javascript:document.getElementById('Projekt_richtig_2').disabled = true;javascript:alert('FALSCH!');">
</table>
<br>
<br>
<br>
<br>
<h3 align="center">Frage 4. Schaffst du den Lückentext? </h3>
<form align="center">
<b> Die Hauptstadt von Liechtenstein heißt
<input id="text" type="text" name="Vaduz_1">
und liegt am
<input id="text" type="text" name="Rhein"> <br>
Sie hat ungefähr (1000-er Stelle, gerundet)
<input id="text" type="text" name="Einwohner">
Einwohner. Die bekannteste Sehenswürdigkeit ist das
<input id="text" type="text" name="Schloss">
<input id="text" type="text" name="Vaduz_2"><br>, es liegt auf ungefähr (10-er Stelle)
<input id="text" type="text" name="höhenmeter"> Metern über dem Meeresspiegel.
</b></form>
<form>
<h3 align="center"> Frage 5. Welche Liechtenstein´sche Fussballmannschaft spielt in der höchsten Spielklasse der:
</h3><h4 align="center"><input type="radio" name="Liga" id="radio_1" > a) Superliga
<input type="radio" id="radio_2" name="Liga" > b) Bundesliga
<input type="radio" id="radio_3" name="Liga" > c) tipico-Bundesliga </h2><h3 align="center">
mit? </h3><h4 align="center">
<input type="radio" id="radio_4" name="Verein"> a) FC Mendrisio
<input type="radio" id="radio_5" name="Verein"> b) USV Eschen/Mauren
<input type="radio" id="radio_6" name="Verein"> c) FC Vaduz
</h2></form>
</body>
</html>
Code:
#bild:hover{
position: relative;
height: 120%;
width: 120%;
border: 10px solid blue;
z-index: 99}
#bild_richtig:hover{
position: relative;
height: 120%;
width: 120%;
border: 10px solid blue;
z-index: 99}
#bild{
border: 10px solid blue;}
#bild_richtig{
border: 10px solid blue;}
#bild_richtig_2{
border: 10px solid green;}
#fixed_1{
position: relative;
top: 100;
right: -400 ;}
#fixed{
position: fixed;
bottom: 5;
right: 5;}
#fixed_2{
position: fixed;
top : 5;
right: 5;}
#fixed_3{
position: fixed;
top : 8;
left: 8;}
form{
padding-left:10px;
padding-right: 10px;
}
#radio_1:hover,#radio_2:hover,#radio_3:hover,#radio_4:hover,#radio_5:hover,#radio_6:hover{
color: blue;
}
#text{
border: none;
border-bottom: 1px dotted #008030;
height: 22px;
width: 100px;
padding: 3px;
}
b{
background: blue;
line-height: 2em;
}
h1{
background: blue;
line-height: 6.35em;}
#secret_1:target{
display: block;}
#secret_1{
display: none;}
#hai{
color: #B40404;
text-decoration: none;}
#Orte{
}
#Projekt0:hover, #Projekt2:hover, #Projekt3:hover{
background-color: blue;}
#Orte0:hover, #Orte1:hover, #Orte3:hover{
background-color: blue;}
#Orte_richtig_2{
background-color: green;}
#Orte_richtig:hover{
background-color: blue;}
#Projekt_richtig_2{
background-color: green;}
#Projekt_richtig:hover{
background-color: blue;}