Como Fazer um App de Quiz Usando JavaScript - Tutorial Completo para Iniciantes

Поділитися
Вставка
  • Опубліковано 5 січ 2025

КОМЕНТАРІ • 37

  • @srprogramador
    @srprogramador  Рік тому +1

    Quer ter mentorias comigo sobre o básico da programação web (HTML, CSS, JavaScript, GitHub, etc..)?
    Agende um horário: calendly.com/sr_programador/mentoria-sr-programador

  • @juliadamacena9605
    @juliadamacena9605 Рік тому +3

    deus lhe abençõe senhor programador, você ajudou demais aqui a pobi que tem projeto pra entregar de fim de semestrew

    • @srprogramador
      @srprogramador  Рік тому +2

      Hahaha te entendo perfeitamente, bons estudos ☕

  • @MrAndremauricio
    @MrAndremauricio 6 місяців тому

    Caramba que sensacional, fiz todo o seu jogo do zero, adicionei uns sons quando o usuário acertar ou errar alguma questão... Cara foi demais esta aula.. Sou professor de JS e vou passar o jogo para meus alunos fazerem... vlw demais.

  • @vsi8944
    @vsi8944 7 місяців тому

    Não sabia absolutamente NADA de html, css e js, então procurei tutorial para um projeto para me basear e conseguir captar muita coisa em relação à essas linguagens. O vídeo é bem explicado e facil de entender. Obg moço!

  • @rafaellima9226
    @rafaellima9226 5 місяців тому

    Caramba, tu és o primeiro que vi usando cifrão na variavel, muito bom mesmo, pois destaca mellhor as suas variaveis criadas dos outros metodos do js, muito obrigado! agora só falta eu rechear com mais perguntas

  • @mizaelmarques2439
    @mizaelmarques2439 6 місяців тому

    Estou estudando js, seu video tem muita informação, mas a sua didatica é excelente...da pra tirar um bom aprendizado do seu video..parabens

  • @luisalima8267
    @luisalima8267 Рік тому +1

    Obrigada! Treinei bastante Javascript. Fiz minhas alterações e ficou show.

  • @guilhermehenriquerodrigues9080

    Parabens, que aula exelente, a melhor para iniciantes.

  • @JoaoBernardoKiaku-jk3uv
    @JoaoBernardoKiaku-jk3uv Рік тому

    Muito bom! Fui treinando isso, mas ficaria mais show se tivesse a selecionar perguntas aleatórias...

  • @charlesconde975
    @charlesconde975 Рік тому +1

    Que aula boa! Entendi os conceitos e a lógica

  • @guilhermeviana6342
    @guilhermeviana6342 3 місяці тому

    Projeto top, vlw 🚀🌟

  • @tacianeabreu3615
    @tacianeabreu3615 Рік тому +1

    Uau, amei demais essa aula, ganhou uma nova inscrita! 😊

    • @srprogramador
      @srprogramador  Рік тому

      Oi Taciane!!!
      Obrigado pelo comentário e bons estudos ☕

  • @AlanJohnny
    @AlanJohnny Рік тому +1

    Ganhou um inscrito pela ótima didática!

  • @lycanxgame9737
    @lycanxgame9737 Рік тому +1

    Muito bom cara me ajuda muito🙂.

  • @JoaoVitor-pc1xn
    @JoaoVitor-pc1xn Рік тому +1

    Conteudo excelente!!

  • @ribafs
    @ribafs 9 днів тому

    Valeu

  • @William.Ribela
    @William.Ribela 9 місяців тому

    Sensacional

  • @Zed-Yamazaki
    @Zed-Yamazaki 3 місяці тому

    Por algum motivo, no momento de adicionar o click, não está dando certo. No caso, faço exatamente do jeito que você faz mas a função do click não funciona.

  • @JoaoBernardoKiaku-jk3uv
    @JoaoBernardoKiaku-jk3uv Рік тому +2

    Quero uma ajuda nisso, como posso fazer para gerar perguntas aleatórias!?

    • @srprogramador
      @srprogramador  Рік тому +1

      Fala João!
      Para gerar perguntas aleatórias você pode "embaralhar" as perguntas da variável "questions" antes do jogo começar, ou seja, essa precisa ser a primeira coisa a se fazer dentro da função 'startGame'.
      Uma possível solução é seguir os passos abaixo:
      1) Criar uma função para ordenar as perguntas de forma aleatória. Eu chamei essa função de 'shuffle' e dentro dela ordenei as perguntas aleatoriamente:
      function shuffle() {
      let currentIndex = questions.length
      let randomIndex

      while (currentIndex !== 0) {
      randomIndex = Math.floor(Math.random() * currentIndex);
      currentIndex--;

      [questions[currentIndex], questions[randomIndex]] = [questions[randomIndex], questions[currentIndex]];
      }
      }
      2) Dentro da função 'startGame' executei a função 'shuffle':
      function startGame() {
      shuffle()
      $startGameButton.classList.add("hide")
      $questionsContainer.classList.remove("hide")
      displayNextQuestion()
      }
      Com isso as perguntas vão aparecer de forma aleatória.

  • @juniormartins1040
    @juniormartins1040 Рік тому +2

    Gustavo faz mais projetos com 😊jogos

  • @shayferlin
    @shayferlin Рік тому

    Como utilizar o async quando o JS é no mesmo arquivo que o HTML?

    • @srprogramador
      @srprogramador  Рік тому

      Acredito que seja só utilizar normalmente, o código será o mesmo

  • @EdsonAraujo2
    @EdsonAraujo2 11 місяців тому

    15:06

  • @lucasmutumbua9006
    @lucasmutumbua9006 Рік тому +1

    Treinei, mas não consegui pegar as respostas. preciso de ajuda!

  • @BarryTheAlien
    @BarryTheAlien 6 місяців тому

    a parte final de mostrar o resultado simplesmente n vai. Já revisei centenas de vezes

    • @BarryTheAlien
      @BarryTheAlien 6 місяців тому

      arrumei, era um sinal de = kk

  • @ericgaldino259
    @ericgaldino259 Рік тому

    ola ... voce poderia me ajudarem criar um aplicativo?