Article image
wagner nardes
wagner nardes14/11/2023 11:21
Compartilhe

Desenvolvendo um Quiz Interativo em JavaScript

    Objetivo do Projeto:

    Este projeto tinha como objetivo, testar minhas habilidades em HTML, CSS e principalmente em JavaScript. Usei como tema "segurança no trabalho", pois usei o mesmo em uma gincana de uma empresa.

    Desenvolvimento do Projeto

    Para começar, utilizei HTML para estruturar a interface do quiz. O CSS entra em cena para estilizar a aparência, proporcionando uma experiência agradável ao usuário. O JavaScript, como o cérebro por trás da interatividade, controla a lógica do quiz, desde a exibição das perguntas até o cálculo da pontuação.

    Print 1: A estrutura do HTML e a estilização com CSS.

    image

    Print 2: Trecho de código JavaScript responsável por gerenciar as perguntas.

    image

    Resultados e Considerações Finais

    Ao finalizar cada quiz, os resultados são apresentados, destacando a pontuação do usuário e oferecendo a possibilidade de reiniciar o quiz para uma nova rodada. Eu acabei retirando a logo da empresa mas eu publiquei o projeto como página web onde você mesmo pode testar.

    https://pidiotto.github.io/quiz_sol/

    Caso alguem queira, pode comentar que eu posto o link para o diretório no GitHub

    Compartilhe
    Comentários (3)
    Igor Gerlach
    Igor Gerlach - 14/11/2023 23:05

    Oloco, ficou dahora irmão, parabéns pelo projeto.

    Carlos Oliveira
    Carlos Oliveira - 14/11/2023 21:47

    Gostei. Fiz o teste e funcionou direitinho.

    Jovana Duarte
    Jovana Duarte - 14/11/2023 12:53

    Que incrivel, que poder chegar nesse nível !