Projeto_postagens

😊 Miniaplicações com Emojis e Postagens Interativas

Este projeto reúne uma série de miniaplicações desenvolvidas em HTML, CSS e JavaScript, criadas para explorar recursos como DOM, eventos de teclado e clique, contagem de caracteres e formatação de texto com emojis personalizados.

Os códigos foram estruturados para oferecer interação direta com o usuário através de campos de texto, botões e manipulação visual.

---

📄 Aplicações incluídas

1. Contador de Caracteres (trabalho 1.html)

• Área de texto com limite de 140 caracteres
• Contador em tempo real exibido abaixo do campo
• Layout centralizado com título criado dinamicamente via JS

2. Postagens com Limpeza (trabalho 2.html)

• Campo de digitação com contador de caracteres
• Botão “Postar!” que cria parágrafos dinâmicos abaixo
• Botão “Limpar tudo” que remove todas as postagens
• Estilo e estrutura gerados completamente via DOM

3. Postagens com Emojis (trabalho 3.html)

• Mesmo funcionamento do anterior, mas com reconhecimento de códigos de emoji como :blush: ou :cry:
• Substitui os códigos por imagens inline
• Faz contagem apenas de caracteres que não sejam emojis
• Usa listas code[] e figura[] para conversão

4. Tabela de Emojis (emoji_names.html)

• Página com uma tabela estilizada contendo os códigos e imagens correspondentes aos emojis suportados
• Serve como guia visual para uso dos emojis nos posts

---

🧠 Tecnologias Utilizadas

• HTML5
• CSS3 (inline e em <style> no HTML)
• JavaScript puro
• Uso de:
  • createElement, appendChild, insertBefore
  • setAttribute, querySelector, onkeyup, onclick
  • Contagem de caracteres com .length
  • Substituição de strings com .replace()

---

✨ Um projeto divertido e interativo para exercitar criatividade, lógica e manipulação de elementos com JavaScript puro.