Witam, próbuje zrobić program, który zmieniałby wysokość diva podczas scrollowania strony, mam mały problem utworzyłem zmienna globalna gdzie wartość będzie powiększana z każdym scrollem. Niestety efekt jest taki, że zmienna "vh" cały czas ma wartość 0. Może mi ktoś wytłumaczyć, gdzie jest błąd?
<script>
document.body.style.height = 10000 + "px";
const divEl = document.createElement("div");
document.body.appendChild(divEl);
let vh = 0;
divEl.style.cssText =
"width:100%;position:fixed;top:0;left:0;background-color:green;height: " +
vh +
"px";
function changeHeight() {
vh += 1500;
if (window.innerHeight / 2 <= vh) {
vh -= 1000;
divEl.style.backgroundColor = "red";
}
}
window.addEventListener("scroll", changeHeight);
</script>