O projeto consiste em uma aplicação web interativa, desenvolvida com HTML, CSS, e JavaScript, que
simulando uma narrativa centrada no tema da Inteligência Artificial. O objetivo é
engajar os jogadores em um cenário fictício abordando o avanço da IA e suas
consequências para a humanidade, destacando uma 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
é usado para estilizar a página, empregando um esquema de cores futurista e layout
responsivo, melhorarando 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 várias 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. O design responsivo é garantido pelo
uso de uma meta tag viewport e um layout flexível, adaptando 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
expansão futura do jogo. A importância das ferramentas usadas (HTML, CSS, JavaScript) reside
em criar uma interação, que não apenas entretém, mas também educa
sobre a complexidade ética e social da IA, incentivando a reflexão crítica sobre o papel da
tecnologia em nossas vidas.
.jpeg)
.jpeg)
.jpeg)