O LabScore é um pequeno projeto de inputs e outputs para exercitar HTML5, CSS3 e Javascript por meio da criação de uma página web interativa que permite aos usuários inserir notas, nomes de alunos, realizar cálculos de média, demonstrar tabuada de um número escolhido, responder um questionário com confirmações, calcular notas de uma matéria específica e apontar o maior número dentre 4 dados.
A interface é amigável e responsiva de modo a permitir que os resultados sejam exibidos e ocultados dinamicamente usando Javascript.
- HTML5
- CSS3
- Javascript
- Inserção de Notas: O usuário pode inserir quatro notas com valores decimais entre 0 e 10.
- Cálculo da Média: Um botão que, ao ser clicado, calcula a média das notas inseridas e exibe uma mensagem de aprovação ou recuperação com base no resultado. O botão também alterna entre mostrar e esconder os resultados.
- Inserção de Nomes de Alunos: O usuário pode inserir os nomes de até quatro alunos.
- Impressão dos Nomes: Um botão que, ao ser clicado, imprime os nomes dos alunos um abaixo do outro. O botão também alterna entre mostrar e esconder os resultados.
- Tabuada: O usuário pode inserir um valor numérico com o qual será calculada sua tabuada. Além disso, conta com um botão que, ao ser clicado, exibe a tabuada do número escolhido em uma tabela. O botão também alterna entre mostrar e esconder a tabela.
- Questionário: O usuário responde a cinco perguntas sobre um aluno (nome, idade, série, escola, matéria favorita). Após confirmar os dados, as informações são exibidas na tela, ou uma mensagem indicando que os dados não foram confirmados é mostrada.
- Matéria e Notas: Um botão permite ao usuário inserir o nome de uma matéria e quatro notas. A média dessas notas é calculada e exibida.
- Maior Número: O usuário pode inserir quatro números, e o sistema identifica e exibe o maior número dentre eles. O botão também alterna entre mostrar e esconder os resultados.
Para utilizar o LabScore, siga estas etapas:
- Clone o repositório
- Navegue até o diretório do projeto
- Abra o arquivo
index.html
em um navegador da web. - Preencha com os valores desejados.
- Clique nos botões para mostrar o resultado calculado.
O LabScore é um projeto simples, mas útil para testar e praticar habilidades relacionadas a HTML, CSS, Javascript e design. Desenvolvido por mim, Barbara Calderon, como atividade livre e individual do curso Fullstack do SENAI/SC - Florianópolis, iniciativa Floripa Mais Tech pelo LAB365.