Currently trapped within the Javascript Fizzbuzz application on Codecademy

Question

Currently trapped within the Javascript Fizzbuzz application on Codecademy

These are the instructions from Codecademy that need to be followed:

Display the numbers from 1 to 20.

If a number is divisible by 3, show "Fizz".

If a number is divisible by 5, display "Buzz".

If a number is divisible both by 3 and 5, then output "FizzBuzz" in the console.

Otherwise, simply display the number itself.

Here is the code I have prepared:

for (i = 1; i <= 20; i++) {
    if (i % 3 == 0) {
    console.log("Fizz");
    }
    else if (i % 5 == 0) {
    console.log("Buzz");    
    }
    else if (i % 3 == 0 && i % 5 == 0) {
    console.log("FizzBuzz");
    }
    else {
    console.log(i);    
    }
}

The issue encountered is with printing "FizzBuzz" for the number 15. It only prints "Fizz".

What could be the missing piece here?

javascript fizzbuzz

Answer 1

Answer №1

The elseif statement is triggered only when all previous conditions have returned false. In this specific case, as i % 3 is true, the remaining else/if statements will not be executed. Below is an alternative approach:

for (i = 1; i <= 20; i++) {
    if (i % 3 == 0 && i % 5 == 0) {
        console.log("FizzBuzz");
    }
    else if (i % 5 == 0) {
        console.log("Buzz");    
    }
    else if (i % 3 == 0) {
        console.log("Fizz");
    }
    else {
        console.log(i);    
    }
}

Answer 2

The elseif statement is triggered only when all previous conditions have returned false. In this specific case, as i % 3 is true, the remaining else/if statements will not be executed. Below is an alternative approach:

for (i = 1; i <= 20; i++) {
    if (i % 3 == 0 && i % 5 == 0) {
        console.log("FizzBuzz");
    }
    else if (i % 5 == 0) {
        console.log("Buzz");    
    }
    else if (i % 3 == 0) {
        console.log("Fizz");
    }
    else {
        console.log(i);    
    }
}

Answer 3

Answer №2

If you're looking to implement a nested conditional, this example demonstrates how it can be done successfully.

for (let i = 1; i <= 20; i++){
    if(i % 3 === 0) {
        if(i % 5 === 0){
            console.log("FizzBuzz");
        }
        else {
            console.log("Fizz");
        }
    }
    else if (i % 5 === 0) {
        if (i % 3 === 0){
            console.log("FizzBuzz");
        }
        else{
            console.log("Buzz");
        }
    }
    else{
        console.log(i);
    }
}

Answer 4

If you're looking to implement a nested conditional, this example demonstrates how it can be done successfully.

for (let i = 1; i <= 20; i++){
    if(i % 3 === 0) {
        if(i % 5 === 0){
            console.log("FizzBuzz");
        }
        else {
            console.log("Fizz");
        }
    }
    else if (i % 5 === 0) {
        if (i % 3 === 0){
            console.log("FizzBuzz");
        }
        else{
            console.log("Buzz");
        }
    }
    else{
        console.log(i);
    }
}

Answer 5

Answer №3

Here's a concise implementation of FizzBuzz in JavaScript using ternary operators, which are shorthand for if-else statements. If you want to learn more about ternary operators click here.

let num = 1;
while (num <= 20){
    console.log((num % 3 === 0 && num % 5 === 0) ? "FizzBuzz" : (num % 3 === 0) ? "Fizz" : (num % 5 === 0 ? "Buzz" : num));
    num++;
}

Answer 6

Here's a concise implementation of FizzBuzz in JavaScript using ternary operators, which are shorthand for if-else statements. If you want to learn more about ternary operators click here.

let num = 1;
while (num <= 20){
    console.log((num % 3 === 0 && num % 5 === 0) ? "FizzBuzz" : (num % 3 === 0) ? "Fizz" : (num % 5 === 0 ? "Buzz" : num));
    num++;
}

Currently trapped within the Javascript Fizzbuzz application on Codecademy

Answer №1

Answer №2

Answer №3

Similar questions

Issue with three.js memory leak due to malfunctioning .dispose() method or incorrect usage

What steps need to be taken to implement a structured autocomplete feature?

I'm curious about the outcomes of the JavaScript test. Could someone provide an explanation

Invoke the jquery plugin upon completion of the HTML load via Ajax

Invoking a JavaScript function to retrieve an array of integers from a C# method for organizing columns in datatables.net

Developing a JavaScript program for ATMs that can efficiently handle and dispense money in the fewest number of notes possible

Trouble with second function invocation in JavaScript

When running grunt-bower, I am encountering an error stating that _.object is not a function

Unlocking supplemental JSON data in a Dynatable AJAX query

The issue of jQuery not functioning properly within a Rails environment

Using jQuery to swap out sections of a HTML tag

Accessing an Accurate and Customized Menu Selection from an Old-School .ASP Loop Area

Accessing information via a PHP script with the help of AJAX and jQuery

Utilize an Express.js controller to retrieve information from an API service and display it on the view

Tips for accessing a value from a setInterval function

What is the process for retrieving the address of the connected wallet using web3modal?

What steps can I take to generate 12 random div elements using jQuery out of a pool of 30?

AngularJS and Gulp: Enhancing Static Assets with Revisioning

Utilize Google Charts Table Chart to extract data from an object-literal notation data source

What is the best way to determine the size of a returned element in React?