JavaScript
----------

```
var changeHeight = () => {
    let flag = 0;
    while(flag != 1) {
        size += 1;
        return size;
    }
    if(size == window.innerHeight/2){
        flag == 1;
    }

}
var size = 5;
document.body.style.height = "10000px";
const div = document.createElement("div");

div.style.width = "100%";
div.style.position = "fixed";
div.style.left = "0";
div.style.top = "0";
div.style.backgroundColor = "green";
document.body.appendChild(div);

window.addEventListener("scroll", changeHeight);
div.style.height = size + "px";

```

HTML
----

It's empty with only `<script src="script1.js"> </script>` inside

### What do I want to achieve?

I want to create stick to the top of the page object while scrolling which increases height until  `height == window.innerHeight/2` after this, scrolling should decrease it's size.

**My problem is that I cannot return size variable over the function, or is there something more wrong?**