Ergebnis 1 bis 5 von 5
  1. #1
    boner ist offline Grünschnabel
    registriert
    13-06-2016
    Beiträge
    1

    Question HTML&Javascript

    Servus,
    ich habe ein kleines Quiz geschrieben und komme nicht mehr weiter. Kann mir jemand bitte helfen, wie ich es verbessern kann das es funktioniert? Wäre echt sehr nett!!.
    Danke!

    HTML-Code:
    <!DOCTYPE html>
    <html>
        <head>
            <title>TODO supply a title</title>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <script language="javascript" type="text/javascript" src="helloworld.js"></script>
        </head>
        <body>
            <div><h1>Spielen</h1></div>
                <p id="frage"></p>
    
                <button id="buttona" onclick="myFunction('a')">a</button>
                <button id="buttonb" onclick="myFunction('b')">b</button>
                <button id="buttonc" onclick="myFunction('c')">c</button>
                <button id="buttond" onclick="myFunction('d')">d</button>
                
                
    
            <script>
                var fragen = [["Wer gewann die Weltmeisterschaft 2014?", "a", "Deutschland", "Brasilien", "Argentinien", "England", "Ihre Antwort ist leider Falsch! Deutschland gewann 2014 in der Verlängerung 1:0 gegen Argentinien."],
                              ["Wer holte das bekannte Tripple?", "b", "Borussia Dortmund", "Fc Bayern München", "VFL Wolfsburg", "Gladbach", "Ihre Antwort ist leider Falsch! Die richtige Antwort wäre FC Bayern München gewesen. Sie gewannen die Bundesliga, Champions Leauge und den DFB Pokal im Jahre 2013"],
                              ["Welche Mannschaft wurde noch nie Deutschermeister, seit dem die Bundesliga Bundesliga heißt?", "c", "Fc Bayern München", "Borussia Dortmund", "Fc Schalke 04", "VFL Wolfsburg", "Ihre Antwort ist leider Faslch! Die richtige Antwort wäre FC Schalke 04 gewesen. "],
                              ["Was ergibt 22+45-13+2 ?", "d", "54", "53", "55", "56", "Ihre Antwort ist faslch, das Ergebnis wäre 56 gewesen!"],
                              ["Was sagen die Hamburger wenn Sie sich sehen?", "c", "Gude", "Was geht", "Moin Moin", "Hallo", "Ihre Antwort war leider Falsch! Die richtige Anwort wäre Moin Moin."],
                              ["Welcher Vogel legt seine Eier in fremde Nester?", "d", "Gimpel", "Amsel", "Elster", "Kuckuck", "Leider Falsch, die richtige Antwort ist Kuckuck"],
                              ["Was dreht der Turmspringer beim Schwimmsport häufig in der Luft?", "a", "Schrauben", "Nägel", "Haken", "Dübel", "Leider FAslch, das korrekte Ergebnis wäre Schrauben."],
                              ["Was ist keine Biermarke?", "d", "Jever", "Hochstift", "Becks", "Tigerbräu", "Das war leider Falsch, Tigerbräu ist erfunden."],
                              ["Was stellt Apple her?", "b", "Autos", "Handys", "Getränke", "Obst", "Falsch, in diesem Fall stellt Apple Handys her."],
                              ["Wie geht es weiter: Piep, Piep, Piep ...?", "a", "Wir haben uns alle Lieb", "Wir laufen und saufen", "wir essen und nicht fressen", "wir wollen pizza", "Falsch, es wäre Piep Piep Piep wir haben uns alle lieb"],
                              ["Im Finale des UEFA Champions Leuage stehen die 2 Finalisten?", "a", "Real Madrid & Atletico", "FC Barcelona & Fc Porto", "Fc Bayern Müchen & VFL Wolfsburg", "PSG & Chealsea", "Das war leider die Falsche Antwort. Es wäre Atletico & Real Madrid gewesen"],
                              ["Wer ist der jüngste Sieger eines Rennes der Formel1?", "c", "Michael Schuhmacher", "Sebastian Vettel", "Max Verstappen", "Lewis Hamilton", "Leider Falsch, es war Max Verstappen.Er gewann sein erstes Rennen mit 17 Jahren"],
                              ["Wer saß im Gefängnis wegen Steuerhinterziehung?", "c", "Jürgen Klopp", "Matthias Sammer", "Ulrich Hoeneß", "Jupp Heynckes", "Leider Faslch, es war Ulrich Hoeneß."],
                              ["In welchem Jahr wurde Deutschland zum ersten mal Weltmeister?", "d", "1950", "1958", "1946", "1954", "Tut mir leid aber diese Antwort ist Falsch. Es war 1954."],
                              ["In welchem Jahr wurde der Euro als Bargeld in Deutschland eingeführt?", "b", "1999", "2002", "2001", "2000", "Falsch der Euro wurde 2002 in DEutschladn eingeführt. "],
                              ["Welcher dieser Figuren kommt nicht in der Serie 'Die Simpsons' vor?", "d", "Homer Simpson", "Apu Nahasapeemapetilon", "Chief Wiggum", "Peter Griffin", "Falsch, es ist Peter Griffin den dieser Charakter kommt aus der Serie Famiy Guy."],
                              ["Wann wurden die Wasserfreunde Fulda gegründet?", "a", "1923", "1912", "1954", "1943", "Sorry, leider falsch:( Es war das Jahr 1923."],
                              ["Wer wurde 2015 zum Fußballer des Jahres gewählt?", "c", "Manuel Neuer", "Lionel Messi", "Christiano Ronaldo", "Neymar", "Ihre vermutung war Falsch. In dem Jahre 2013 wurde der Fußballstar Christano Ronaldo."],
                              ["Wer ist der beste Torwart auf der Welt in der Sportart Fußball?", "b", "Iker Casillas", "Manuel Neuer", "Marc-André ter Stegen", "Bernd Leno", "Falsch, es ist Manuel Neuer vom Fc Bayern München"],
                              ["Welcher Hesse schwimmt erneut bei den Olympischen Spielen in Rio mit?", "c", "Christopher Fischer", "Britta Steffen", "Jan-Philipp Glania", "Paul Biedermann", "Falsch. Der Gebürtige Petersberger JAn-Philipp Glania schwimmt bei den nächsten Olympischen Spiele mit."]
                              ];
                              
                var item = null;
                var count= 0;
                var rightAnswers = 0;
                 
                setQuestions();
                
                
                function myFunction(button) {
                    if (button===item[1]){
                        rightAnswers++;
                        alert("Richtig");
                    } else{
                        alert("Falsch");
                    }
                    setQuestions();
                }         
                
                function setQuestions(){
                    if(count === 10) {
                        showResult();
                    }
            
                    item = fragen[Math.floor(Math.random()*fragen.length)];
                    answers = getAnswersArray([item[2], item[3], item[4], item[5]]);
                    
                    Array.prototype.clean = function(deleteValue) {
                        for (var i = 0; i < this.length; i++) {
                            if (this[i] === deleteValue) {         
                                this.splice(i, 1);
                                i--;
                            }
                            
                        }
                        return this;
                    };
    
                    
                               
                    document.getElementById("frage").innerHTML = item[0];
                    
                    index = Math.floor(Math.random()*answers.length);
                    answer = answers[index];
                    document.getElementById("buttona").innerHTML = answer;
                    document.getElementById("buttona").setAttribute("onclick", "myFunction('"+index+"')");
                    answers.clean(answer);
                    
                    index = Math.floor(Math.random()*answers.length);
                    answer = answers[index];
                    document.getElementById("buttonb").innerHTML = answer;
                    document.getElementById("buttonb").setAttribute("onclick", "myFunction('"+index+"')");
                    answers.clean(answer);
                    
                    index = Math.floor(Math.random()*answers.length);
                    answer = answers[index];
                    document.getElementById("buttonc").innerHTML = answer;
                    document.getElementById("buttonc").setAttribute("onclick", "myFunction('"+index+"')");
                    answers.clean(answer);
                                    
                    index = Math.floor(Math.random()*answers.length);
                    answer = answers[index];
                    document.getElementById("buttond").innerHTML = answer;
                    document.getElementById("buttond").setAttribute("onclick", "myFunction('"+index+"')");
                    answers.clean(answer);
                                    
                    count++;
                    
                    
                }
                
                function getAnswersArray() {
                    while(rightAnswers===item[1]) {
                        answers[item[1];
                    }
                    Math.floor(Math.random()*answers.length);
                }
                
                function showResult(){
                    alert("Richtige Antworten " + rightAnswers);
                }   
    
    
    
            </script>
            <style>
                        
                h1{
                    font-family:sans-serif;
                    color: black;
                 }
                
                p{
                    color: black;
                    font-size:18px;
                    background-color: red;
                    border-width: 2px;
                    border-style: solid;
                    border-color: black;
                    border-right-color: black;
                    border-bottom-color: black;
                    padding: 5px;
                 }
    
                button{
                    color: black;
                    border-width: 3px;
                    font-size: 15px;
                    background-color: red;
                    border-color: white;
                    border-right-color: white;
                    border-bottom-color: white;
                    border-left-color: white;
                    padding: 3px;
                }
                
       
                
                
                
                
                
            </style>
        </body>
    </html>

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.550

    AW: HTML&Javascript

    * verschoben aus CSS *

    Welche Frage hast du denn?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  3. #3
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.579

    AW: HTML&Javascript

    Dein "Mischen" der Antworten ist einfach falsch.
    Du musst in deiner Datenstruktur die Antworten getrennt vom Rest in einem separaten Array speichern und dann dieses Array mischen und nicht viermal einen zufälligen Wert daraus holen (ist ja extrem unwahrscheinlich, dass du da alle vier Antworten bekommst.)

    PS: Dein HTML ist invalide.
    PPS: index ist kein Buchstabe...

  4. #4
    SteelWheel ist offline Haudegen
    registriert
    18-07-2012
    Beiträge
    596

    AW: HTML&Javascript

    *Zwischenruf* Style-Tag vor dem schließenden body-Tag hab ich noch nie gesehen ... sieht witzig aus, dürfte aber ziemlich bremsen.

  5. #5
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.579

    AW: HTML&Javascript

    @SttelWheel: das ist genau das, was ich mit
    Zitat Zitat von kkapsner Beitrag anzeigen
    Dein HTML ist invalide.
    meinte...

Ähnliche Themen

  1. Antworten: 16
    Letzter Beitrag: 19-06-2012, 23:58
  2. Javascript/HTML -> PHP/MYSQL -> Javascript: Projekt umsetzen
    Von jannmann im Forum Serverseitige Programmierung
    Antworten: 0
    Letzter Beitrag: 18-06-2012, 05:55
  3. Antworten: 5
    Letzter Beitrag: 10-01-2012, 09:58
  4. Javascript +css +html
    Von ballibum im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 18-03-2011, 09:09
  5. Antworten: 4
    Letzter Beitrag: 11-10-2010, 16:48

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •