Kursy Programowania i Tworzenia stron WWW

W pliku script.js wpisuję to co jest w tej lekcji;

var div = document.getElementById("test");
alert(div);

i w okienku alert wyskakuje mi wartość null.

Natomiast ten kod wpisany w konsoli Firefoxa pokazuje poprawnie taki alert jaki jest w lekcji, czyli [object HTMLDivElement].
Nie wiem dlaczego tak się dzieje. Piszę sumiennie te lekcja i teraz takie cosik.

Pozdrawiam prawie na kwarantannie

Cześć,

Umieść kod w taki sposób:

Code: Zaznacz cały

window.onload= function()
{

//tu Twój kod
}

daj znać, czy to rozwiązało problem -> Możliwe, że plik js wczytuje się zanim wczyta Ci się HTML (przez co div jest równy null, bo po prostu nic tam jeszcze nie ma)

Kod powyżej upewnia się aby js został odpalony po wczytaniu HTML.

Pozdrawiam

W pliku html, ścieżka do scryptów js jest wpisana przed <body>.
Dlatgo wczytywany był skrypt a później html. Stąd null w zmiennej div.
Teraz dopisałem tak jak wcześniej podpowiedziałeś i jest OK.

Reasumując, wpierw musimy załadować stronę html a później dopiero mają wczytywać się skrypty js.

Dziękuję za pomoc, biorę się za dalszą naukę

PS. Dzięki kwarantannie może nauczę się fajnych rzeczy.

hehe, Ty poważnie jesteś zarejestrowany na forum od 8 lat i dopiero teraz masz pierwszego posta? :-)

Kwarantanna ruszyła ostatnio sporo osób do przodu, mam masę pytań :-)

Tak, 8 lat temu zakupiłem Twoje lekcje i przez te lata uczyłem się html-a, mysql-a, php.
Teraz przyszła kolej na js.

Nie jestem już młody to i trudniej mi się uczyć. Moja pamięć jest już kiepska ale ćwicząc Twoje lekcje zmuszam moje szare komórki do wysiłku.

Wielkie Dzięki za fajne kursy. Pozdrawiam Adam

Teraz znalazłem błąd jaki poczyniłem w pliku index.html wpisująć;

Code: Zaznacz cały

<script src ="js/script.js" ></script>

bez "asynchroniczny" czyli "async".
Ma być tak jak uczysz

Code: Zaznacz cały

<script src ="js/script.js" async></script>

Ale szukając błędów wiele się uczę.

Kursy Programowania i Tworzenia stron WWW

JavaScriptNowa-lekcja 19

JavaScriptNowa-lekcja 19

Re: JavaScriptNowa-lekcja 19

Re: JavaScriptNowa-lekcja 19

Re: JavaScriptNowa-lekcja 19

Re: JavaScriptNowa-lekcja 19

Re: JavaScriptNowa-lekcja 19