Finalizando o projeto do FizzBuzz

Curso Grátis de Programação para Iniciantes

Boas-vindas e Introdução

Criando sua primeira linha de código

Apresentação docurso e do professor Rafael Pacheco

Adicionando um pouco de teoria

Visão geral do curso

Preparando o ambiente

Conceitos básicos de programação para web

O que é HTML, CSS e JS?

Primeiros passos com a função alert no navegador

HTML, CSS e JS de verdade

Primeiro projeto: Peso em outro planeta

Entendendo o problema

Playground: pelo menos um dos números é par?

Calculando um peso em outro planeta

Obtendo os dados do usuário

Utilizando fluxos condicionais

Segundo projeto: Trabalhando com Canvas

Entendendo o problema

Entendendo os principais objetos em um navegador

Trabalhando com window e document

Trabalhando com DOM

Funções em Javascript

Eventos e Formulários em HTML e JS

Detectando eventos do teclado

Rabiscando o canvas com as setas do teclado

Terceiro projeto: Fazenda Platzi

Entendendo o problema

Funções matemáticas e números aleatórios em JS

Trabalhando com ciclos (while e for)

Carregando imagens ao canvas

Carregando imagens ao canvas de forma aleatória

Quarto projeto: FizzBuzz

Entendendo o problema

Finalizando o projeto do FizzBuzz

Divisão, módulo e resto em Javascript

Codificando um FizzBuzz

Quinto projeto: Álbum de figurinhas

Entendendo o problema

Entendendo as coleções (Arrays)

Classes e objetos em Javascript

Analisando todas as figurinhas

Sexto projeto: Cliente e Servidor

Entendendo o problema

Modelo Cliente/Servidor

Instalando Node.JS e o framework express.js

Detalhes de instalação para o Windows e Mac

Criando seu primeiro código de servidor com express.js

Criando uma API para descobrir as horas

Conclusão

Aulas ao vivo

Sessão ao vivo: o que você vai aprender no curso

Você não tem acesso a esta aula

Continue aprendendo! Junte-se e comece a impulsionar sua carreira

Se você já tem uma conta,

Recursos

Contribuições 16

Perguntas 1

Ordenar por:

Quer ver mais contribuições, perguntas e respostas da comunidade?

monicknog

A cada iteração a caixa div do resultado terá o resultado adicionado.

 while(numero <= numIteracoes){
        if ((numero % 3 == 0 ) && (numero % 5 == 0)){
            resultado.innerHTML += "<p>FizzBuzz</p>";
        }else if(numero % 3 == 0){
            resultado.innerHTML += "<p>Fizz</p>";
        }else if(numero % 5 == 0){
            resultado.innerHTML += "<p>Buzz</p>";
        }else{
            resultado.innerHTML += "<p>"+numero+"</p>";
        }
        numero ++;
    }

Carolina Oliveira Aguiar Brito

var botao = document.getElementById(“botao”);

botao.addEventListener(“click”, executaFizzBuzz);

function executaFizzBuzz() {

var tentativas = document.getElementById("tentativas").value;
var resultado = document.getElementById("resultado");

var numero = 1;

while (numero <= tentativas) {

    if ((numero % 5) == 0 && (numero % 3) == 0) {
        resultado.innerHTML += numero + " - FizzBuzz " + "<br>"
    } else if ((numero % 3) == 0) {
        resultado.innerHTML += numero + " - Fizz " + "<br>";
    } else if ((numero % 5) == 0) {
        resultado.innerHTML += numero + " - Buzz " + "<br>";
    } else {             
        resultado.innerHTML += numero + "<br>"
    }
    numero++;
}

}

isanascimento

além de retornar Fizz ou Buzz que estava acontecendo quando eu logava apenas

document.getElementById(“resultado”).innerHTML = "FizzBuzz "

como um dos exemplos dos comentários, coloquei += pra mostrar todos os números no intervalo entre 1 e o número digitado, além de um “Break Line” entre cada número

var botao = document.getElementById("botao");

botao.addEventListener("click", executaFizzBuzz);

function executaFizzBuzz(){

 var numInter = document.getElementById("numInteracoes").value;
 var result = document.getElementById("resultado");

 var numero = 1;
 while(numero <= numInter){
   if ((numero %5) == 0 && (numero % 3) == 0){
     document.getElementById("resultado").innerHTML += "FizzBuzz " + "<br>";
   } else if ((numero %5) == 0){
     document.getElementById("resultado").innerHTML += "Buzz " + "<br>";
   } else if ((numero %3) == 0){
     document.getElementById("resultado").innerHTML += "Fizz " + "<br>";
   } else {
     document.getElementById("resultado").innerHTML += numero + "<br>";
   }
   numero ++
 }

}

Ramon Sabino

Muito bom esse laço While!

Raul Lloreda Gomez

const iter_bnt = document.getElementById("iter_btn");
const res_btn = document.getElementById("iter_res");

iter_bnt.addEventListener('click', fizzbuzz)

function fizzbuzz(){
    let x = 1
    let iter_num = document.getElementById("iter_num").value;
    
    while(x <= iter_num ){
        if(((x % 5) == 0) && ((x % 3) == 0)){
            res_btn.innerHTML += "<p>FizzBuzz</p>"    
        }
        else if(((x % 3) == 0)){
            res_btn.innerHTML += "<p>Fizz</p>"    
        }
        else if((x % 5) == 0){
            res_btn.innerHTML += "<p>Buzz</p>"    
        }
        else{
            res_btn.innerHTML += `<p> ${x} </p>`    
        }x++
    }
}

mayarasilva

BOA AULA.

priscilaflores

var botao = document.getElementById("botao");
botao.addEventListener("click", executaFizzBuzz);

function executaFizzBuzz() {
    var numIteracoes = document.getElementById("numIteracoes").value;
    var resultado = document.getElementById("resultado");

    var numero = 1;
    while (numero <= numIteracoes) {
        if (((numero % 5) == 0) && (numero % 3) == 0) {
            document.getElementById("resultado").innerHTML = "Fizz";
        }
        else if ((numero % 3) == 0) {
            document.getElementById("resultado").innerHTML = "Buzz";
        }
        else if ((numero % 5) == 0) {
            document.getElementById("resultado").innerHTML = "FizzBuzz";
        }
        else {
            document.getElementById("resultado").innerHTML = numero;
        }
        numero++;
    }
}

Nathan Pereira

show

jennyffernm


  while (numero <= numeroIteracoes) {
    if ((numero % 5 == 0) & (numero % 3 == 0)) {
      resultado.innerHTML = "FizzBuzz";

    } else if (numero % 3 == 0) {
      resultado.innerHTML = "Fizz";

    } else if (numero % 5 == 0) {
      resultado.innerHTML = "Buzz";

    } else {
      resultado.innerHTML = numero;
    }
    numero++;
  }
}

Jéssica Silvano de Sousa

Inspirado nos comentários anteriores

    while(numero <= numInteracoes){

        if(((numero % 5) == 0) && (numero % 3) == 0){
            resultado.innerHTML = "<br>" + numero + " FizzBuzz " + "<br>"      
        } else if((numero % 5) == 0){
            resultado.innerHTML = "<br>" + numero + " Buzz " + "<br>"
        } else if((numero % 3) == 0){
            resultado.innerHTML = "<br>" + numero + " Fizz " + "<br>" 
        } else {
            resultado.innerHTML = "<br>" + numero + "<br>"
        }
        numero++;
    }

gmdomingosn

aula massa!

marcela-do-valle

Fiz pegando a var resultado e usando innerHTML.
Deu certo e aprendi bastante com o código dos colegas.

carine-neris

    while(numero <= numeroIteracoes){

        if( (numero%3) === 0 && (numero%5) === 0){

            resultado = document.write(numero + " FizzBuzz " + "<br>")

        }else if((numero%3) === 0){
            resultado = document.write(numero + " Fizz " + "<br>")

        }else if ( (numero%5) === 0){
            resultado = document.write(numero + " Buzz " + "<br>")
        }else{
            resultado = document.write(numero + "<br>")
        }
        numero++;
    }
}

obs: Usei a TAG <br> para pular linha.

Juliezer

Inspirado no comentário: https://platzi.com.br/comentario/874897/

while(numero <= numInteracoes){
        //Padroniza os números até 9:
        if(numero <= 9){
            resultado = document.write("0")
        }
        if( (numero%3) == 0 && (numero%5) == 0){
            resultado = document.write(numero + " -> FizzBuzz "+ "<br>") //document.write = escreve no html

        }
        else if((numero%3) == 0){
            resultado = document.write(numero + " -> Fizz "+ "<br>")

        }
        else if ( (numero%5) == 0){
            resultado = document.write(numero + " -> Buzz " + "<br>")
        
        }
        else{
            resultado = document.write(numero + "<br>")
        }
        numero++;
    }```

camyla-luiz

Nossa, ta bastante complicado 😦

Sebastian Valdiviezo

no navegador da esse erro aqui.

2script.js:7 Uncaught TypeError: Cannot read property ‘value’ of null
at HTMLInputElement.executaFizzBuzz (script.js:7)

e me codigo e

var botao = document.getElementById(“botao”);

botao.addEventListener(“click”, executaFizzBuzz);

function executaFizzBuzz(){

var numIteracoes = document.getElementById("numIteracoes").value;
var resultado = document.getElementById("resultado");

var numero = 1;
while(numero <= numIteracoes){
    console.log(numero)
}

}