Roteiro do Projeto
Guia passo a passo de desenvolvimento
Configuração Inicial e HTML
1. Abra a pasta no VS Code
2. Abrir novo arquivo JS/HTML
3. Digite html:5, mude para "pt-br" e mude o título
4. Adicionar Bootstrap
Abra o site do Bootstrap, copie o link CSS do CDN e insira no cabeçalho (<head>) do HTML.
5. Organizar o código
Pressione Alt + Shift + F para formatar o
documento.
6. Descrição do problema
Adicione uma tag <h1> para descrever a
tarefa.
7. Criar Input
Adicione um elemento <input> e atribua um
id a ele.
8. Inserir comentário
9. Adicionar Label
Crie uma tag <label> antes do campo de
input.
10. Estilizar com Form-Control
Aplique a classe form-control do Bootstrap ao
input.
11. Criar Botão com ID
12. Container de Resultado
Insira um elemento <h2> para exibir o
resultado final.
13. Vincular Script JS
Adicione a tag <script> logo antes de
fechar o </body>.
Lógica em JavaScript
1. Criar arquivo base.js
2. Declarar o Botão
3. Configurar Função e Parâmetros
4. Capturar Inputs via DOM
Relacione os elementos do HTML usando
document.getElementById() no JS.
5. Criar Condicionais
Desenvolva a estrutura condicional para checar os valores inseridos (ex: 'F' ou 'M').
