How to create a custom loop?

Question

I made a custom loop that delays 300ms on it's each iteration. But in this loop, the line ul.syle.height = i + 'px'; is throwing a error that TypeError: Cannot set property 'height' of undefined at main.js

But the variable ul is working fine above at the line var ul_scrollHeight = ul.scrollHeight;. Then why it is not working inside 'setTimeout'? Here getNextSibling is another function in my code.

function fun1() {
    var ul = getNextSibling(this);
    var ul_scrollHeight = ul.scrollHeight;

    
    var i = 1;

    function customLoop() {
        setTimeout(function () {
            ul.syle.height = i + 'px'; // Not Working

            if (i <= ul_scrollHeight) {
                customLoop();
            }
        }, 300)
    }

    customLoop();

}

is it ul.syle.height or ul.style.height ? You may make typo in style i guess. — Robin
– Robin, Commented Jan 12, 2021 at 6:34
On a side note, customLoop seems to be infinite, since neither i nor ul_scrollHeight ever change. — VLAZ
– VLAZ, Commented Jan 12, 2021 at 6:40

I Like To Be Helpful · Accepted Answer · 2021-01-12 06:39:44Z

4

I think you just have a typo on that line:

ul.syle.height = i + 'px';

Because ul.syle is missing a t, so that returns undefined, which did not have a property height. 🙂

answered Jan 12, 2021 at 6:39

I Like To Be Helpful

1014 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create a custom loop?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related