Contador de Caracteres
Contador de Caracteres
Contatos e Links interessantes
Informações do Projeto
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | Contador de Caracteres |
| 🏷️ Tecnologias | HTML, CSS e JAVASCRIPT |
| 🚀 URL | https://contador-de-caracteres-puce.vercel.app/ |
| 🔥 Desafio | Desafio particular de aprendizagem de funções. |
Resumo do Projeto
Este é um repositório com um projeto extremamente simples de um contador de caracteres de texto, similar ao que está presente no Microsoft Word. A ideia de fazer esse projeto veio de uma provocação no Instagram sobre bons projetos para portfólios de Juniores que estão galgando os primeiros passos em programação, e parte do desafio consistia em criar o site sem olhar a documentação do JAVASCRIPT.
Inicialmente fiz o projeto inteiro no CodePen.io para testar principalmente a função no JS, sem que fosse necessário uma grande quantidade de folhas de estilo em CSS, o projeto por ser vito aqui. Para trazer ao github dessa vez busquei criar um estilo mais interessante de ser visto, com atenção para responsividade mobile, e com a itenção de criar um modo de estilo "Light-Dark", de acordo com a preferência de quem usar.
Foram usados nesse repositório:
- HTML Semântico;
- CSS com metodologia B.E.M e responsividade.
- Função Javascript de captura e manipulação de Strings.
- Função Javascript para manipulação do D.O.M.
Prévia do Site
Desktop Preview Dark Mode
Mobile Preview Dark Mode