Programming Extra Credit

Hello Johnathan!

Before I start giving you hints, samples or even complete solutions to your project, tell me.

Into how much depth do you need help?

Do you need a general idea in how to start, or the pseudo code for certain parts of the program, or the step-by-step guide in how to solve it?

Sure, because in the last example you are printing the i value twice (in both the 3/fizz block and the 5/buzz block).

Now, here comes the final tweak.

We already know how to print the fizz numbers separately, as well as the buzz numbers, but when we add the two blocks together we do not get the result that we want. So we need to compare AT THE SAME TIME that i is both a multiple of 3 AND a multiple of 5. If so, we print "fizzbuzz". Then, if i is just a multiple of 3, we print "fizz", and if it is just a multiple of 5 we print "buzz". If all these conditions are not met, we simply print i.

In order to compare two conditions at the same time we use AND which is &&. So if i is a multiple of 3 AND a multiple of 5, we print fizzbuzz. Here's the final code. Let me know if you have further questions:

for (var i = 1; i <= 100; i++){


    if (i%5 == 0 && i%3==0){
        console.log("fizzbuzz");
    } else if (i%3==0){
        console.log("fizz");
    } else if (i%5==0){
        console.log("buzz");
    } else {
        console.log(i);
    }    
}

Ok, well done for your first day!

Deciding which type of loop you need is already an achievement! Congrats!

Now, let's continue.

A for loop uses three conditions for ( "index variable that will count each iteration", "condition under which the loop will perform its inner code", "increase the index variable")

So, to do this you need:

for(var i = 1; i <= 100; i++){
   console.log(i);
}

We are initializing with 1 our index "i" (in your case "counter"). Then our condition is that i has to go from 1 all the way to 100, and then we increase i by 1. Inside the brackets we print to the console the current value of the index. SO in the first iteration 1 is printed, and since the variable is increased by 1 and its value will be 2, the loop will run again. ANd so forth until we get until number 100.

Questions? Let me know! :D

Sure!

i++ is the same as typing i = i + 1.

You want to increase the value of i just by 1, so a common practice among developers is to instead of writing i = i + 1, you write i++ (is the same as i = i + 1, but cleaner).

Remember: We want to increase the variable i by 1, so that every time the cycle iterates we print 1, then 2, then 3... until 100.

Don't worry! Ask me anything you want! I'm here to share with you!

The modulo operator % gets the remainder of a division. For example, if you divide 6 by 3, the answer (quotient) would be 2, and the remainder 0, since 6 is completely divided by 3. Another example would by 24 by 2, where the answer is 12, and the remainder is 0. In the case of 16 divided by 3, the remainder would be 1 since 16 cannot be completely divided by 3. It means that 3 divides 16 up to 5 (part of the answer) and 1 unit remains.

So, we are using i%3 and comparing it to 0 (i%3 == 0) in order to check if the remainder of i divided by 3 is 0. If it is we print "fizz". If it is not, we just print i.

Try doing the same conditional block for i%5 where instead of printing "fizz", you'd need to print "buzz"

As I previously corrected, don't type console.log("i"), but console.log(i), since you want to print the value of i, not the string "i".

I'm typing here three ways to develop our solution to the problem. The first try is just printing 3/fizz up to 100. The second try is printing 5/buzz up to 100. The final solution is just combining both which as you may see is not what we want, but I will help you tie everything together in my next post.

First try:

for (var i = 1; i <= 100; i++){

    if (i%3 == 0){
        console.log("fizz");
    } else {
        console.log(i);
    }
}

Then try:

for (var i = 1; i <= 100; i++){

        if (i%5 == 0){
        console.log("buzz");
    } else {
        console.log(i);
    }


}

Finally try:

for (var i = 1; i <= 100; i++){

    if (i%3 == 0){
        console.log("fizz");
    } else {
        console.log(i);
    }

        if (i%5 == 0){
        console.log("buzz");
    } else {
        console.log(i);
    }


}

Can you see what the problem is in the last code example?

Because the AND operator, by JavaScript standards is always written as &&. The OR operator (which evaluates whether one condition OR the other is true), is ||. NOT EQUAL is !=. As you may see,AND, OR and NOT EQUAL they all come in pairs.

It may be a little dense for you now, but here's the documentation on JavaScript's logical operators.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators

Anytime Johnathan! If you need further help, don't hesitate to contact me. I'm on twitter at @jegcelorio!

If you thought "how can this ever occur to me" while doing this project, don't worry. It is perfectly normal! More often than not I feel exactly the same way when I see other developers at work. Just keep practicing and developing projects on your own. If you need more practicing/learning resources let me know.

Feel free to ask anything related to both web and game development!