Roteiro para um programa em JavaScript

1. Abra o VS Code

Abrindo o VS Code

2. Crie um novo arquivo

Criando um novo arquivo

3. Digite "HTML" e escolha "HTML:5"

Criando a estrutura HTML5

4. Mude o idioma de "EN" para "pt-BR"

Mudando o idioma

5. Mude o texto dentro da tag "title"

Mudando o título

6. Acesse o site do Bootstrap

Acessando o Bootstrap

7. Copie o link do Bootstrap e cole no código

Copiando o Bootstrap

8. Crie um container usando "div.container"

Criando um container

9. Use "h1" para colocar o título da página

Adicionando o título

10. Use "Ctrl+;" para adicionar um comentário

Adicionando comentário

11. Crie um input e um botão e defina seus "id"

Criando input e botão

12. Adicione a tag "script" antes de fechar o "body"

Adicionando o script

13. Crie o botão usando as classes do Bootstrap

Criando botão

Lógica em JavaScript

01. Crie uma constante para o botão usando "const"

Criando constante

02. Faça o botão funcionar com o evento "click"

Evento click

03. Pegue os inputs pelo "id" no JavaScript

Relacionando os inputs

04. Crie uma condição usando "F" ou "M"

Criando condição

05. Programa feito

final