• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Nie działający location.href('example.html') js prosty kod

0 głosów
257 wizyt
pytanie zadane 14 listopada 2020 w JavaScript przez Nabuchadonozor Gaduła (3,120 p.)
zamknięte 14 listopada 2020 przez Nabuchadonozor

Witam z uśmiechem wszystkich miłośników kodowania!

Otóż mam pewien problem, którego nie mogę rozwiązać od jakiegoś czasu. W kodzie jest funkcja quizLogic(), gdzie jeśli nrQuestion == 8 to ma przejść na inną podstronę, jednakże nie działa z niewiadomego powodu, a na innej podstronie mi śmiga jak trzeba. Będę wdzięczny za każdą pomoc :)

<!DOCTYPE html>

<html>

<head>
    <title>QUIZ</title>
    <meta charset="utf-8">
    <meta name="description" content="Przejdź quiz do końca, a odkryjesz jak wielki drzemie w Tobie potencjał...">
    <meta name="keywords" content="quiz, sukces, człowiek, pytania">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body onload="quizLogic()">
    <div id="topbar">QUIZ | Czy odniesiesz sukces?
    </div>
    <div id="container">
        <div id="contentQuestion">
            <h1 id="h1Index"></h1>
        </div>
        <div id="wrapper">
            <div class="wrapperButton">
                <button id="answer1" class="answerButton" onclick="onclickButtonA()"></button>
            </div>
            <div class="wrapperButton">
                <button id="answer2" class="answerButton" onclick="onclickButtonB()"></button>
            </div>
            <div class="wrapperButton">
                <button id="answer3" class="answerButton" onclick="onclickButtonC()"></button>
            </div>
            <div class="wrapperButton">
                <button id="answer4" class="answerButton" onclick="onclickButtonD()"></button>
            </div>

        </div>
    </div>

    <script>
        var nrQuestion = 1;
        var points = 0;

        function quizLogic() {
            if(nrQuestion==8){
                location.href('endQuiz.html');
            } else
            questionsAnswers(nrQuestion);
            
        }

        function questionsAnswers(nrQuestion) {
            if (nrQuestion == 1) {
                document.getElementById("h1Index").innerHTML = 'Jak często czytasz książki? <span id="spanIndex">?</span>';
                document.getElementById("answer1").innerHTML = 'MIESIĘCZNIE 1 / WIĘCEJ';
                document.getElementById("answer2").innerHTML = 'OD 5 DO 12 ROCZNIE';
                document.getElementById("answer3").innerHTML = 'OD 2 DO 5 ROCZNIE';
                document.getElementById("answer4").innerHTML = 'PONIŻEJ 2 ROCZNIE';
            } else if(nrQuestion == 2){
                document.getElementById("h1Index").innerHTML = 'O której wstajesz <span id="spanIndex">?</span>';
                document.getElementById("answer1").innerHTML = 'REGULARNIE OKOŁO 3-4';
                document.getElementById("answer2").innerHTML = 'REGULARNIE OKOŁO 4-6';
                document.getElementById("answer3").innerHTML = 'REGULARNIE OKOŁO 6-8';
                document.getElementById("answer4").innerHTML = 'NIEREGULARNIE / 10+';
            } else if(nrQuestion == 3){
                document.getElementById("h1Index").innerHTML = 'Jak często w tygodniu uprawiasz aktywność fizyczną? <span id="spanIndex">?</span>';
                document.getElementById("answer1").innerHTML = '7 RAZY';
                document.getElementById("answer2").innerHTML = '4-6 RAZY';
                document.getElementById("answer3").innerHTML = '2-4 RAZY';
                document.getElementById("answer4").innerHTML = '1 RAZ / WCALE';
            } else if(nrQuestion == 4){
                document.getElementById("h1Index").innerHTML = 'Jak często jesteś pod wpływem używek (alkohol, narkotyki itp.) <span id="spanIndex">?</span>';
                document.getElementById("answer1").innerHTML = 'WCALE';
                document.getElementById("answer2").innerHTML = '1 DZIEŃ W TYGODNIU';
                document.getElementById("answer3").innerHTML = '1-3 DNI W TYGODNIU';
                document.getElementById("answer4").innerHTML = '4+ DNI W TYGODNIU';
            } else if(nrQuestion == 5){
                document.getElementById("h1Index").innerHTML = 'Jak bardzo jesteś zorganizowany <span id="spanIndex">?</span>';
                document.getElementById("answer1").innerHTML = 'PLANUJĘ KAŻDY DZIEŃ';
                document.getElementById("answer2").innerHTML = 'PANUJĘ NAD WSZYSTKIM';
                document.getElementById("answer3").innerHTML = 'PLANUJĘ NAJWAŻNIEJSZE';
                document.getElementById("answer4").innerHTML = 'WCALE NIE PLANUJĘ';
            } else if(nrQuestion == 6){
                document.getElementById("h1Index").innerHTML = 'Czy realizujesz swoje cele <span id="spanIndex">?</span>';
                document.getElementById("answer1").innerHTML = 'TAK';
                document.getElementById("answer2").innerHTML = 'PRZEWAŻNIE TAK';
                document.getElementById("answer3").innerHTML = 'CZĘŚCIEJ NIE';
                document.getElementById("answer4").innerHTML = 'NIE';
            } else if(nrQuestion == 7){
                document.getElementById("h1Index").innerHTML = 'Ile poświęcasz dla swojej najważniejszej pasji <span id="spanIndex">?</span>';
                document.getElementById("answer1").innerHTML = 'KILKA GODZIN DZIENNIE';
                document.getElementById("answer2").innerHTML = '8+ GODZIN TYGODNIOWO';
                document.getElementById("answer3").innerHTML = '5+ GODZIN TYGODNIOWO';
                document.getElementById("answer4").innerHTML = 'NIE MAM PASJI';
            }
        }

        function onclickButtonA() {
            nrQuestion++;
            points += 4;
            quizLogic();
        }

        function onclickButtonB() {
            nrQuestion++;
            points += 2;
            quizLogic();
        }

        function onclickButtonC() {
            nrQuestion++;
            points += 1;
            quizLogic();
        }

        function onclickButtonD() {
            nrQuestion++;
            points += 0;
            quizLogic();
        }

    </script>
</body>

</html>

 

komentarz zamknięcia: złe użytkowanie location.href = ''; spowodowane za długim ślęczeniem nad kodowaniem :V

2 odpowiedzi

+1 głos
odpowiedź 14 listopada 2020 przez p099 Mądrala (6,390 p.)
wybrane 14 listopada 2020 przez ScriptyChris
 
Najlepsza
Spróbuj cały tag script dać powyżej tagu body.
2
komentarz 14 listopada 2020 przez p099 Mądrala (6,390 p.)
Sory.. przeczytałem błąd z konsoli. Po prostu location.href nie jest funkcją a wartością do której przypisujesz nową lokację z aktualnego okna.

Zamień location.href('endQuiz.html'); na location.href = 'endQuiz.html';
+1 głos
odpowiedź 14 listopada 2020 przez adrian17 Mentor (354,800 p.)

Nie działający location.href('example.html')

Nie działa, bo AFAIK nie ma czegoś takiego jak 'location.href('example.html')'.

Zajrzyj do dokumentacji, jak się tego używa:

https://developer.mozilla.org/en-US/docs/Web/API/Location/href

komentarz 15 listopada 2020 przez VBService Ekspert (256,600 p.)

W dokumentacji zalecają użycie 

Setting the value of href navigates to the provided URL. If you want redirection, use Location.replace().

komentarz 15 listopada 2020 przez adrian17 Mentor (354,800 p.)

Zalecają, ale tylko gdy "If you want redirection".

Podobne pytania

0 głosów
0 odpowiedzi 181 wizyt
pytanie zadane 14 listopada 2020 w JavaScript przez Nabuchadonozor Gaduła (3,120 p.)
0 głosów
2 odpowiedzi 389 wizyt
pytanie zadane 7 lutego 2021 w C i C++ przez Nabuchadonozor Gaduła (3,120 p.)
+1 głos
2 odpowiedzi 350 wizyt
pytanie zadane 27 stycznia 2021 w JavaScript przez Nabuchadonozor Gaduła (3,120 p.)

93,600 zapytań

142,524 odpowiedzi

322,993 komentarzy

63,084 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...