Este projeto consiste em uma página HTML com JavaScript e CSS para criar um gerador de senhas simples.
https://minoru-yamanaka.github.io/GeradorDeSenhasSite17032023/
-
HTML (index.html):
- Estrutura básica do HTML com metatags, título, links para CSS e script JavaScript.
- Inclui uma imagem de logo e elementos para interação do usuário, como um slider para selecionar o comprimento da senha e um botão para gerar a senha.
- Um container é definido para exibir a senha gerada.
-
JavaScript (script.js):
- Define variáveis para elementos HTML relevantes.
- Configura um charset contendo caracteres que serão utilizados na geração da senha.
- Implementa funções para gerar senhas aleatórias com base no comprimento escolhido pelo usuário.
- Adiciona funcionalidade de copiar a senha para a área de transferência.
-
CSS (style.css):
- Estiliza o layout da página, definindo propriedades como cores, tamanhos e espaçamentos.
- Aplica estilos específicos para o container de entrada, o slider, o botão de geração de senha e o container que exibe a senha gerada.
- Inclui efeitos de hover para melhorar a experiência do usuário.
Em resumo, este projeto oferece uma interface simples para os usuários selecionarem o comprimento desejado da senha e gerarem senhas aleatórias. A senha gerada é exibida em um contêiner que permite copiá-la para a área de transferência. Além disso, o projeto possui um estilo visual agradável usando CSS.
