Início Profile Projeto
Avatar de

PEDRO VINICIUS FÉLIX GONÇALVES DA SILVA

Contador de Caracteres

  • HTML
  • CSS
  • JAVASCRIPT
icon de pedro

Contador de Caracteres

Site com uma ideia simples, usar um input de texto para calcular quantos caracteres há no texto com uma função JS simples.

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

preview da página para mobile em formato de gif