Projeto Individual - Módulo 2 </b<

Estrutura HTML e Estilização CSS

A estrutura HTML consiste na utilização das tags body, header, main e footer dentro de uma respectiva tag section. Para a criação dos campos de seleção, foram utilizadas as tags form, select e option. Ao final do formulário, há um botão para converter o valor iinserido.

A estilização CSS é simples, usando de tags, classes e ID para personalizar elementos da página. O corpo do site é azul, e o container principal do site é preto, contando com o botão na cor verde. O header é preto e o footer é cinza, e o texto do site é branco, estilizado com font size e font family.

Funcionalidade Javascript

O código é dividido em diferentes funções. Por exemplo, a função mostrarOpcoes mostra uma opção no campo select de acordo com o tipo de medida escolhido pelo usuário.

A função Foram utilizadas estruturas condicionais if else/else if na construção do código, de forma a fazer um determinado cálculo se as condições forem verdadeiras. Ao inserir o valor e clicar no botão Converter, a função calculo executa a conta de conversão adequada, e se o valor inserido for menor ou igual a 0, o usuário recebe um alerta informando que o valor deve ser maior que zero.

O valor é obtido por meio de querySelector e é aplicado em fórmulas de conversão. A base para tais cálculos está referenciada nos arquivos .txt contidos no repositório.