Nie widzi funkcji JS'a w oddzielnym pliku.

pytanie zadane 1 kwietnia 2018 w JavaScript przez WireNess Stary wyjadacz (11,240 p.)

Witam.

Mam problem z pewną funkcją w JavaScript. Otóż umieściłem kod funkcji w oddzielnym pliku, a po wywołaniu jej w onclick'u wyrzuca błąd:

Uncaught ReferenceError: menuDropdown is not defined

"menuDropdown" to oczywiście funkcja.

Reszta kodu (uproszczony do minimum):

<!-- index.html -->

<head>
    <script type="text/javascript" src="menu.js"></script>
</head>

<body>
    <div class="menu-icon" onclick="menuDropdown()">
        <i class="icon-menu"></i>
    </div>
</body>

/* style.css */

.menu-normal {
        display: none;
    }
.menu-responsive {
        display: block;
        position: absolute;
        background-color: #f6f6f6;
        width: 100%;
        top: 145px;
    }

document.addEventListener("DOMContentLoaded", function(event) {
    function menuDropdown() {
        var x = document.getElementById("menu");
    
        if(x.className == "menu-normal") {
            x.className = "menu-responsive"
        } else {
            x.className = "menu-normal";
        }
    }
});

Co może być powodem tego zamieszania? Możliwe, że popełniłem jakiś prosty błąd więc prosiłby wyrozumiałość.

PS: Jeżeli ktoś miałby jakiś problem dotyczący kodu to tutaj wklejam cały:

Pozdrawiam i życzę spokojnego wieczoru

1 odpowiedź

odpowiedź 1 kwietnia 2018 przez Mariusz08 Maniak (62,300 p.)
wybrane 1 kwietnia 2018 przez WireNess

Najlepsza

Nie rozumiem dlaczego zamykasz funkcję menuDropdown() w addEventListener. Wyrzuć ten listener i powinno działać.

Pokaż 13 poprzednich komentarzy

komentarz 1 kwietnia 2018 przez WireNess Stary wyjadacz (11,240 p.)

Czy teraz jest wszystko dobrze? (onClick'a na div'ie usunąłem)

document.addEventListener("DOMContentLoaded", function() {
    
    document.getElementsByClassName("menu-icon").addEventListener("click",function(){
        var x = document.getElementById("menu");

        if(x.className == "menu-normal") {
            x.className = "menu-responsive"
        } else {
            x.className = "menu-normal";
        }
    });

})

komentarz 1 kwietnia 2018 przez Mariusz08 Maniak (62,300 p.)

a działa Ci to? Jeśli tak to wszystko dobrze xd

komentarz 1 kwietnia 2018 przez WireNess Stary wyjadacz (11,240 p.)

Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function

Nie działa

komentarz 1 kwietnia 2018 przez Mariusz08 Maniak (62,300 p.)

document.getElementsByClassName(...)[0]

komentarz 1 kwietnia 2018 przez WireNess Stary wyjadacz (11,240 p.)

Okej jest :D

Dodałem do tego div'a identyfikator i działa :D

Dzięki za pomoc i poświęcony czas :D

Wesołych świąt! Do zobaczenia!

Podobne pytania

0 głosów

1 odpowiedź 466 wizyt

JavaScript program nie widzi funkcji

pytanie zadane 20 lipca 2018 w JavaScript przez Bish0p Obywatel (1,940 p.)

0 głosów

1 odpowiedź 599 wizyt

Kompilator nie widzi zaprzyjaźnionych funkcji w klasie (C++)

pytanie zadane 2 sierpnia 2018 w C i C++ przez Sic Dyskutant (8,510 p.)

+1 głos

1 odpowiedź 249 wizyt

Wywołanie funkcji jquery z pliku "b.js" w pliku "a.js"

pytanie zadane 28 marca 2018 w JavaScript przez Jungle Goat Nowicjusz (160 p.)

Nie widzi funkcji JS'a w oddzielnym pliku.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci