feat: adding lessons for else if to pyramid project

[jdwilkin4]

Summary

The first review project mentions that else if statements were taught in the pyramid. But that ins't the case, So this PR adds that lesson.

Checklist:

• I have read and followed the contribution guidelines.
• I have read and followed the how to open a pull request guide.
• My pull request targets the main branch of freeCodeCamp.
• I have tested these changes either locally on my machine, or GitPod.

Closes #54825

[JoyShaheb]

All good Jess ! just a few spelling mistakes here and there. Good work 👍

[lasjorg]

Formatting nitpicks.

[lasjorg]

Don't really know where to put this, but the assert.equal(done, 0); on line 55 of step 77 should be a strictEqual so you can't pass with the string "0"

[lasjorg]

It did just dawn on me that switching the order of teaching else and else if might be an idea we should consider.

So teach if/else first, then introduce else if and put it in the middle of the if/else code from the previous step.

First if/else step

if (false) {
  console.log("If condition is true.");
} else {
  console.log("If condition is false.");
}

Then else if step

if (false) {
  console.log("If condition is true.");
} else if (true) {
  console.log("If condition is true.");
} else {
  console.log("If condition is false.");
}

That makes it more clear that else can be used with both if and else if

---

Anyway, I can approve this and we can revisit it later if needed.

[lasjorg]

LGTM, but I think switching the order is something to consider.

[Ksound22]

LGTM 🚀

[lasjorg]

I think the text makes it sound like multiple if statements are the same as a if/else if. It doesn't really convey how the condition of the if statement the else if is connected to relates. If you look at how MDN explains it they have a nested example.

if (condition1)
  statement1
else
  if (condition2)
    statement2
  else
    if (condition3)
      statement3

Maybe we can nest the new if statement inside the else block in the seed code and then have them move it out to be a else if

Seed code:

if ("") {
  console.log("Condition is true");
} else {
  if (5 < 10) {
    console.log("5 is less than 10");
  }
}

Solution:

if ("") {
  console.log("Condition is true");
} else if (5 < 10) {
  console.log("5 is less than 10");
}

---

This needs to be changed as well somehow.

But instead of using multiple if statements, you can use else if statements to check multiple conditions in a single block of code.

So, maybe something like:

In the code, an new if statement with the condition of 5 < 10 has been nested inside the else block.

But instead of using nested if and else statements, you can use the else if statement.

[jdwilkin4]

I have reverted the changes back the way it was before the if, else if switch.
I think it would be better to iron this approach out more because anytime we ask campers to move code around, it needs to be super clear in the seed code where to move it. And the hint text needs to be super clear too.

I vote we merge this in as is.
Then open a separate issue to hash out the details for the if else if stuff.
Then a new PR can be opened to iterate off of this

[lasjorg]

Sure, we can do that.

Anyway, here is one way we might write the instructions.

Move the nested if statement out of the else block and combine the two so it creates a else if block. You can look at the example code for help with the syntax.

[lasjorg]

Didn't test it, but if this just reverts to what it was before, then I already approved that.