JavaScript innerHTML

Question

Cześć,

Mam pytanie dotyczące tego zapisu: 

let pole = document.getElementById("tekst");
let odpowiedz = document.getElementById("odp");
let przycisk = document.getElementsByClassName("sprawdz")[0];


przycisk.addEventListener("click",function(){
    //document.getElementById("odp").innerHTML = "dodatnia";
    odpowiedz.innerHTML = "dodatnia";
});

Przy czym:

//document.getElementById("odp").innerHTML = "dodatnia";

Podmienia zawartość diva poprawnie, ale zapis:

odpowiedz.innerHTML = "dodatnia";

Już nie działa jak należy.

Może ktoś wyjaśnić dlaczego ten drugi zapis nie działa ?. ( odwołanie się do diva poprzez zmienną jest prawidłowo zapisane ).

Answer 1

A co wyświetla konsola?

Comments

Żadnego błędu nie wyświetla. Ale już doszedłem do tego, że jak zrobię  " uchwyt " za pomocą zmiennej do diva po za funkcja to właściwość innerHTML nie działa, zaś jak zrobię to w środku funkcji, czyli zdefiniuje taką zmienną już wszystko gra. Tylko nie rozumiem tego za bardzo, bo skoro utworzyłem i zdefiniowałem zmienną globalną to czemu nie mogę jej wartości użyć w środku funkcji.

---

To wygląda tak, jakby element #odp nie istniał w chwili tworzenia zmiennej, ale już w momencie kliku – tak. Ale z tego fragmentu kodu tego się nie da wywnioskować, musiałbyś pokazać całość.

---

A niech to, jestem nieprzytomny. Podpiąłem skrypt powyżej diva o id="odp". Ale dzięki bo bym szukał tego błędu godzinami,a na kierowałeś mnie trochę :D 

Jakby element #odp nie istniał w chwili tworzenia zmiennej