✔ Fehlermeldung

ManusTV · 19. Mai 2016

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

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>

css:

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;}

sheel · 19. Mai 2016

Hi

was genau klappt jetzt nicht mehr...?
Und was sagt die Browserkonsole?

Jan-Frederik Stieler · 19. Mai 2016

Hi,
also das HTML und JS ist voll von Syntaxfehlern. Bitte erstmal diese ausräumen:
http://jsbin.com/qelaqinoce/edit?html,js,output

Grüße

Sempervivum · 19. Mai 2016

Du verwendest im Javascript und im name-Attribut jeweils einen Umlaut:

HTML:

<input id="text" type="text" name="höhenmeter"> Metern über dem Meeresspiegel

Javascript:

if(document.forms[1].höhenmeter.value == "570")

jsbin zeigt das leider nicht als Fehler an, ebenso wenig mein Editor Webmatrix.

Und bedenke, dass es bei diesem Quiz leicht ist zu schummeln, weil man die richtigen Antworten aus dem Quelltext heraus lesen kann.

ManusTV · 22. Mai 2016

Danke erstmal für die vielen Antworten.

sheel hat gesagt.:
Hi

was genau klappt jetzt nicht mehr...?
Und was sagt die Browserkonsole?

Die Bewertung des Lückentextes und der Radios klappt nicht.
Das ist die Fehlermeldung.
Quiz_1.html:24 Uncaught TypeError: Cannot read property 'Vaduz_1' of undefined
Habe mittlerweile die Syntaxe behoben, trotzdem bleibt die Fehlermeldung.
http://jsbin.com/maboyoqedi/edit?html,js,console

Sempervivum · 22. Mai 2016

Verstehe ich nicht. Ich habe aus dem Code, den Du anfangs gepostet hattest, eine Testseite gebaut und nachdem ich den Fehler mit den "ö"s behoben hatte, funktionierte das Quiz.

Code:

<html>
    <head>
        <title> QUIIIIIIIIIIIZ </title>
        <style>
                #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;}
        </style>
        <script type="text/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].hoehenmeter.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="./bilder/1.jpg" onclick="javascript:richtige_antwort_bild();"> </img>
                    <th> <img id="bild" src="./bilder/2.jpg" onclick="javascript:falsche_antwort_bild();javascript:alert('FALSCH!');"> </img>
                    <th> <img id="bild" src="./bilder/3.jpg" 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="hoehenmeter"> 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>

ManusTV · 23. Mai 2016

Sempervivum hat gesagt.:

Verstehe ich nicht. Ich habe aus dem Code, den Du anfangs gepostet hattest, eine Testseite gebaut und nachdem ich den Fehler mit den "ö"s behoben hatte, funktionierte das Quiz.

Code:

<html>
    <head>
        <title> QUIIIIIIIIIIIZ </title>
        <style>
                #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;}
        </style>
        <script type="text/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].hoehenmeter.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="./bilder/1.jpg" onclick="javascript:richtige_antwort_bild();"> </img>
                    <th> <img id="bild" src="./bilder/2.jpg" onclick="javascript:falsche_antwort_bild();javascript:alert('FALSCH!');"> </img>
                    <th> <img id="bild" src="./bilder/3.jpg" 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="hoehenmeter"> 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>

Die Punkte für den Lückentext und die radios werden einfach nicht gezählt. Trotzdem danke

Sempervivum · 23. Mai 2016

Das liegt daran, dass Du die Funktionen für die Auswertung nach der Funktion beenden() aufrufst. Du musst sie entweder vorher aufrufen oder den Aufruf in die Funktion beenden() übernehmen.
BTW: Das "javascript:" ist beim onclick überflüssig.

ManusTV · 23. Mai 2016

Ja, das wars dankeschön! Jetzt macht es was ich will, das hätte ich mir denken können ^^

✔ Fehlermeldung

ManusTV

Grünschnabel

sheel

I love Asm

Jan-Frederik Stieler

Monsterator

Sempervivum

Erfahrenes Mitglied

ManusTV

Grünschnabel

Sempervivum

Erfahrenes Mitglied

ManusTV

Grünschnabel

Sempervivum

Erfahrenes Mitglied

ManusTV

Grünschnabel

Neue Beiträge