EN: Simple quiz made with HTML, some CSS and handwritten vanilla Javascript. This was a college project for the 2nd semester/2020 (also 2nd semester of the course). Website and code are mainly in Portuguese(BR).
The task was to make a simple 10-questions quiz: no databases, no back-end, only HTML, CSS and Javascript. The goal was to get familiar with DOM manipulation and Javascript functions usage, learnt in class.
I decided to make a single-page quiz, in the "true or false" model. My personal focus was to make something simple yet elegant for my knowledge level at the time. As for the javascript code itself, I aimed at writing a code that would not have to be rewritten or modified if any questions were added or removed from the quiz. For example: if you needed to add a question, you would simply need to copy and paste the HTML from a single question, modify the content of the question, classes and Ids and assign correctly the input value, depending if the statement was true or false, without any need to alter the javascript code.
PT-BR: Quiz simples feito com HTML, CSS and vanilla Javascript escrito à mão. Esse foi um projeto da faculdade para o segundo semestre de 2020 (2º período do curso). O website e o código estão majoritariamente em português.
A tarefa era criar um questionário simples de 10 questões: sem banco de dados, sem back-end, apenas HTML, CSS e Javascript. O objetivo era familiarizar-se com a manipulação do DOM e a uilização de funções no Javascript, ambos aprendidos em aula.
Decidi por criar um quiz com uma única página (resultados sendo mostrados sem recarregamento), no modelo "verdadeiro ou falso". Meu foco pessoal foi fazer algo simples mas elegante para o meu nível de conhecimento no momento. Quanto ao código Javascript, procurei escrever um código que não precisaria ser reescrito ou modificado se alguma questão fosse adicionada ou removida do quiz. Por exemplo, para adicionar uma nova questão bastaria que você copiasse e colasse o HTML de uma outra questão, modificando o conteúdo da questão, classes e id's, e assinalando corretamente o value do input, dependendo se a afirmação fosse verdadeira ou falsa, sem necessidade de alterar o javascript.
Author: Dan-Mqs