Problem z animacją

0

Cześć mam dość dziwny problem, a dokładnie chodzi o to, że chce aby z kwadratowego diva po najechaniu wysuwały sie kolejne boxy z góry, dolu, lewej i prawej. I w sumie to działa z lewej i z prawej. A juz po samym zdefiniowaniu zmiennej top cała animacja sie sypie i nic nie działa :D Ja już nie mam sił na tego jsa :/

https://codepen.io/anon/pen/OoQMaV

Po odkomentowaniu zmiennej

let top = document.querySelector('.top');

Cała animacja przestaje działać, nwm kompletnie jaki to ma związek z dzialaniem skryptu. Ktoś ma jakiś pomysł czemu to nie dziala?

1

Problem jest z nazwa zmiennej let top, zmienilem na let Top i dziala:
https://codepen.io/anon/pen/qMxNNN?editors=0011

1

Pisząc let top = 123; w globalnej przestrzeni (tzn. poza jakąkolwiek funkcją) próbujesz nadpisać window.top (tak po prostu działają zmienne globalne w JSie).

Owiń wszystko w funkcję:

function run() {
  let top = /* ... */

  /* ... */
}

run();

... albo zmień nazwę zmiennej.

0

Smiga, dzięki za pomoc :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1