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

Funkcja wpisana addEventListenerze wykonuje się sama, bez clicknięcia. Skrypt szaleje.

0 głosów
631 wizyt
pytanie zadane 18 lutego 2017 w JavaScript przez Corleone97 Początkujący (450 p.)

Mam taki kod, w którym czekam aż gracz kliknie na diva z odpowiedzią i funkcja sprawdz(x) działa dla diva o nazwie x. Oto kod:

function sprawdz(x)
        {
            var odpowiedz = document.getElementById(x).innerHTML;
            odpowiedz = odpowiedz.trim();
            var odppop = '<?php echo $odppop; ?>';
            odppop = odppop.trim();
            if(odpowiedz==odppop) 
            {
                document.getElementById(x).style = 'border: 2px solid green;';
                dodaj_punkt();
                setTimeout('document.location="wylosuj_nowy_nr.php"',300);
            }
            else
            {
                document.getElementById(x).style = 'border: 2px solid red;';
                setTimeout(koniec_gry('ups..pomyłka. koniec gry'),300);
            }
        }

        function load()
        {
            odliczanie();
            document.getElementById('odpa').addEventListener("click",sprawdz('odpa'),false);
            document.getElementById('odpb').addEventListener("click",sprawdz('odpb'),false);
        }

Problem w tym, że po wejśćiu do gry, strona szaleje, pytania klikają się same, kolorki migają i ogólnie 666 :O czemu funkcja wykonuje się samowolnie, bez czekania aż ktoś kliknie w diva? Help :<

 

EDIT. Funkcja koniec_gry(x) gdzie x jest właśnie tym 'ups..pomyłka, koniec gry', również nie działa

2 odpowiedzi

+1 głos
odpowiedź 18 lutego 2017 przez xmentor Nałogowiec (49,520 p.)

Używanie addEventListener-a:

element.addEventListener('event', handler);
element.addEventListener('event', function() {
  fn(arg);
});
komentarz 18 lutego 2017 przez Corleone97 Początkujący (450 p.)
Czyli mam wstawić całą funkcję sprawdz(x) do tego addEventListenera? Przecież to się chyba mija z celem :/ Czy ja nie rozumiem, a co to jest to fn(arg)? Wstawić funkcję w tą funkcję?
komentarz 18 lutego 2017 przez xmentor Nałogowiec (49,520 p.)

Czyli mam wstawić całą funkcję sprawdz(x) do tego addEventListenera? Przecież to się chyba mija z celem :/

Co Ci się mija z celem?

fn - nazwa jakiejkolwiek funkcji

arg - argument

W twoim przypadku będzie to:

element.addEventListener('click', function() {
  sprawdz('odpa');
});

 

komentarz 18 lutego 2017 przez Corleone97 Początkujący (450 p.)
nie wiedziałem że trzeba wpisać dosłownie 'function()'. dzięki :)
–1 głos
odpowiedź 18 lutego 2017 przez Vorex444 Dyskutant (9,610 p.)
dodaj onclick do funkcji ktore maja sie wykonac dopiero po kliknieciu.
komentarz 18 lutego 2017 przez Corleone97 Początkujący (450 p.)
<body onload="load();">
komentarz 18 lutego 2017 przez Vorex444 Dyskutant (9,610 p.)
jezeli jest onload to po wczytaniu strony od razu te funkcje sie wykonają, dlatego wszystko tak miga
komentarz 18 lutego 2017 przez Corleone97 Początkujący (450 p.)
to gdzie mam dać te addEventListenery?

Podobne pytania

+1 głos
2 odpowiedzi 1,069 wizyt
pytanie zadane 12 marca 2022 w JavaScript przez black86 Nowicjusz (210 p.)
0 głosów
1 odpowiedź 1,439 wizyt
pytanie zadane 18 grudnia 2017 w JavaScript przez xxkondzioxx15 Obywatel (1,440 p.)
0 głosów
1 odpowiedź 519 wizyt
pytanie zadane 4 lipca 2016 w JavaScript przez LCPGM Obywatel (1,550 p.)

93,604 zapytań

142,529 odpowiedzi

322,995 komentarzy

63,090 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
...