Dealing with multiple Javascript IF statements

Question

Is it possible to put multiple IF statements in Javascript? If so, I'm having a fair amount of trouble with the statement below. I was wondering if you can put another IF statement in between if (data == 'valid') AND else? I want to add another if data =='concept') between the two.

if (data == 'valid') {
    $("#file").slideUp(function () {
        $("#file").before('<div class="approvedMessage">WIN WIN WIN!</div>');
        setTimeout(ApprovedProof, 5000);
    });

    function ApprovedProof() {
        $("#file").slideDown();
        $('.approvedMessage').fadeOut();
    }

}
else {

    $("#file").slideUp(function () {
        $("#file").before('<div class="deniedMessage">NO NO NO!</div>');
        setTimeout(DeniedProof, 5000);
    });

    function DeniedProof() {
        $("#file").slideDown();
        $('.deniedMessage').fadeOut();
    }
}

On an unrelated note, you should consider using anonymous functions in your timers. — Kevin
– Kevin, Commented Sep 10, 2009 at 4:41

Jonathan Rupp · Accepted Answer · 2009-09-10 04:37:01Z

5

is this what you're looking for?

if(data == 'valid') {
    // block 1
} else if (data == 'concept') {
    // block 2
} else {
    // block 3
}

answered Sep 10, 2009 at 4:37

Jonathan Rupp

15.8k5 gold badges49 silver badges61 bronze badges

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

2 Comments

homework Over a year ago

I'm too tired to think. I put elseif, instead of else if. Thanks!

homework Over a year ago

Whereas it was making elseif a function instead of the preset function "else if". :(

David Andres · Accepted Answer · 2009-09-10 04:41:27Z

4

If you intend for the data variable to hold many different values, you may find the switch statement a better fit for your needs:

switch(data)
{
  case "valid":
     //stuff
     break;
  case "concept":
     //stuff
     break;
  case "this": case "that":
     //more stuff
     break;
  default:
     break;
}

Note that break statements after each case, that multiple case statements can be used per condition, and that there is a catch-call default case that will fire if nothing else matched. The switch statement is nothing more than a more concise version of the If statement.

answered Sep 10, 2009 at 4:41

David Andres

31.9k7 gold badges48 silver badges36 bronze badges

1 Comment

homework Over a year ago

I'm going to attempt this method, just to see how it runs.

nickf · Accepted Answer · 2009-09-10 04:37:16Z

3

you could use else if

if (data == "valid") {
    // stuff here
} else if (data == "concept") {
    // more stuff
} else {
    // other stuff
}

answered Sep 10, 2009 at 4:37

nickf

548k199 gold badges660 silver badges727 bronze badges

Comments

Kevin · Accepted Answer · 2009-09-10 04:46:44Z

2

Unrelated to the question, but Joey asked for clarification of using an anonymous function with his timer:

if (data == 'valid') {
    $("#file").slideUp(function () {
        $("#file").before('<div class="approvedMessage">WIN WIN WIN!</div>');
        setTimeout(function () {
            $("#file").slideDown();
            $('.approvedMessage').fadeOut();
        }, 5000);
    });
}

answered Sep 10, 2009 at 4:46

Kevin

3,8912 gold badges34 silver badges40 bronze badges

2 Comments

homework Over a year ago

Thanks. Can I ask what the advantage to adding more functions would be?

JAL Over a year ago

That's not adding more functions, it's declaring the function where it's used as an 'anonymous function', aka a lambda or closure. There's no point in declaring it separately and giving it a name since you only use it right in that spot. Also, closures have some unique and powerful properties regarding variable scope which are very important in advanced JavaScript, but that's a whole other issue!

Collectives™ on Stack Overflow

Dealing with multiple Javascript IF statements

4 Answers 4

2 Comments

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related