Почему переменная ballTop не меняется при вызове функции?

Question

[zhrjnnrdzjj]

https://codepen.io/thhtxrhj-/pen/VwyQgPJ

Объявлена переменная ballTop, которая равна расстоянию от верхней границы ball до верхней границы viewport.
При вызове функции move ball.style.top уменьшается на аргумент moveSpeed. Значит ballTop должен уменьшиться на значение moveSpeed, и при повторном вызове move кружок(ball) должет изменять значение top уже опираясь на новое значение ballTop, но этого не происходит.

Если при изменении ball.style.top уменьшается расстояние от верхней границы ball до верхней границы viewport,
то почему это не влияет на ballTop?

Answer 1

[Алексей Уколов]

Потому что вы её один раз вычисляете при запуске скрипта и больше нигде не меняете.

Должно быть примерно так:

function move(moveSpeed = 10) { 
    const ballTop = ball.getBoundingClientRect().top;

    if (ballTop > 0){
        ball.style.top = ballTop - moveSpeed + "px";
    };
};

Comments

[zhrjnnrdzjj]

То есть она не вычисляется каждый раз, когда она запрашивается из функции?Как тогда из функции можно запросить вычисление переменной объявленной за пределами функции?

[Алексей Уколов]

Никак ¯\_(ツ)_/¯

[zhrjnnrdzjj]

Алексей Уколов, Класс.Только начал учить JS, а он уже меня разочаровывает.

[Алексей Уколов]

Ни в каком мэйнстримном языке программирования таких магических самовычисляемых когда вам надо переменных нет.