JS] FizzBuzz 퀴즈

Fizzbuzz 퀴즈

Write a program that prints the numbers from 1 to 100.

But for multiples of three print "Fizz" instead of the number

and for the multiples of five print "Buzz". 

For numbers which are multiples of both three and five print "FizzBuzz".

 

1) array에 숫자 자동으로 증가시켜서 담기 

일일이 입력하지 말고 자동으로 숫자 커지게 해서 담아보자.

 

 

함수를 만든다

( 이상하게 fizzbuzz(); 함수 호출을 창안에서 하면 숫자 추가가 안된다. 

아직 이유는 아직 모르겠다.. )

 

 

또 이상하게 콘솔 창에서 함수 호출하면 아이템이 하나씩 추가된다. 

콘솔

 

여기서 숫자가 올라가지 않고 계속 1만 추가되고 있다. 

count++;를 추가한다.

 

창에서 함수 한 번 호출한 후

콘솔에서 함수 호출하니 결과가 나온다.

 

 

 

 

3으로 나눠지면 Fizz, 5로 나줘지면 Buzz 

count에서 숫자가 하나씩 늘어날 때 어떤 수에 나눠지는지 확인을 한다. 

 

 

 

15로 나눠지면 "FizzBuzz"입력하기 

js

console

 

var output = [];
var count = 1;

function fizzBuzz() {
   
    if (count % 3 ===0 && count % 5 === 0) {
        output.push("FizzBuzz");
    }
    else if(count % 3 === 0) {
        output.push("Fizz");
    }
    else if(count % 5 === 0) {
        output.push("Buzz");
    }
    else {output.push(count);}
    
    count++;
    console.log(output);
}

 

 

 

---

 

While Loops 이용

1~100까지 매 회 결과가 다 나온다. 

 

 

 

100번째 한 번만 결과가 나오게 

console.log(output); 위치를 while loop 밖으로 뺐다.

 

 

---

 

 

For loops 이용시

 

var output = [];

function fizzBuzz() {
    for(var i = 1; i<101; i++) {
        if(i % 3 ===0 && i % 5 === 0) {
            output.push("FizzBuzz");
        } else if (i % 3 === 0) {
            output.push("Fizz");
        } else if (i % 5 === 0) {
            output.push("Buzz");
        } else {
            output.push(i);
        }
    }
    console.log(output);
}

fizzBuzz();