jQuery/JavaScript: Changing a variable only under certain conditions

Question

Ok, this is probably really a noob question, but I'll ask anyway!

At the moment, my function is defined like this:

function checkSize(size, otherSize, el) {
    if ($(el).width() <= 800) {
        size = otherSize;
    }

    alert(size);
}

but this wont work.
What does work is:

function checkSize(size, otherSize, el) {
    if ($(el).width() <= 800) {
        size = otherSize;
    } else {
        size = 5;
    }

    alert(size);
}

But that hardcoded value there is obviously really bad.
So actually, I want size only to be otherSize if the condition is true, else size should pass unaffected. How do I do it?

"size should pass unaffected" - excuse me ? In your first snippet, size will be exactly what was passed into the function invocation, when the condition does not match. — jAndy
– jAndy, Commented Mar 12, 2013 at 12:18
No problem. If the condition does not match, nothing should happen to the value of size. — Sven
– Sven, Commented Mar 12, 2013 at 12:19
Maybe you have a variable type casting problem, have you tried to make sure the size you are using as argument is and integer and not a string? — aleation
– aleation, Commented Mar 12, 2013 at 12:23

aleation · Accepted Answer · 2013-03-12 13:15:54Z

1

You should make sure the argument is an int before using it, but just in case you can try to force it into an integer if it's not:

function checkSize(size, otherSize, el) {
    if(typeof size != 'number'){
        size = parseInt(size, 10); // 10 is to define you are using a decimal system
    }

    if ($(el).width() <= 800) {
        size = otherSize;
    }

    alert(size);
}

answered Mar 12, 2013 at 13:15

aleation

4,8341 gold badge23 silver badges35 bronze badges

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

Comments

Allie · Accepted Answer · 2013-03-12 13:11:53Z

0

isn't this what you are looking for:

function checkSize(size, otherSize, el) {
    if ($(el).width() <= 800) {
        size = otherSize;
    } else {
        size = $(el)width();
    }

    alert(size);
}

answered Mar 12, 2013 at 13:11

Allie

1,2091 gold badge16 silver badges17 bronze badges

Collectives™ on Stack Overflow

jQuery/JavaScript: Changing a variable only under certain conditions

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related