O projeto consiste em uma aplicação web interativa, desenvolvida com HTML, CSS, e JavaScript, que
simula uma experiência narrativa centrada no tema da Inteligência Artificial. O objetivo é
engajar os jogadores em um cenário fictício que aborda o avanço da IA e suas possíveis
consequências para a humanidade, destacando a importância da reflexão ética sobre a tecnologia.
O HTML estrutura o conteúdo da página, dividindo-o em seções como a tela inicial, caixa de
perguntas, alternativas de resposta, e o resultado final baseado nas escolhas do jogador. O CSS
é utilizado para estilizar a página, empregando um esquema de cores futurista e layout
responsivo para melhorar a experiência do usuário. JavaScript é usado para adicionar
interatividade ao jogo, manipulando o DOM para atualizar o conteúdo da página conforme as
escolhas do jogador, e determinando o fluxo da narrativa através de uma série de perguntas e
respostas.
O HTML organiza o conteúdo em um cabeçalho com o título do site, seguido por uma divisão
principal (.container) que apresenta o propósito do site e a coleção de livros em uma seção
flexível (.livros). Cada livro é destacado em seu próprio contêiner (.livro), mostrando uma
imagem da capa, detalhes do livro e um link de compra. O design responsivo é garantido pelo
uso de uma meta tag viewport e um layout flexível que se adapta a diferentes tamanhos de
tela.
Os scripts JavaScript incluem módulos para gerar nomes aleatórios, definir as perguntas e as
lógicas de jogo, como iniciar o jogo, apresentar perguntas e alternativas, processar as escolhas
dos jogadores, e exibir o resultado final. Este design modular facilita a manutenção e a
expansão futura do jogo. A importância das ferramentas utilizadas (HTML, CSS, JavaScript) reside
na criação de uma experiência interativa que não apenas entretém, mas também educa os jogadores
sobre a complexidade ética e social da IA, incentivando a reflexão crítica sobre o papel da
tecnologia em nossas vidas.