Bloco de Anotações

Este é um bloco de anotações simples implementado em HTML, CSS e JavaScript, que permite ao usuário adicionar anotações e salvá-las localmente usando o localStorage do navegador.

Funcionalidades

  • Adicionar novas anotações: Ao clicar no botão "+" no canto superior direito, um novo bloco de anotações é adicionado.
  • Cada bloco de anotações contém a hora atual e um campo de texto para inserir a anotação.
  • Salvar anotações: Cada bloco de anotações possui um botão "Salvar". Ao clicar no botão, a anotação é salva no localStorage do navegador.
  • Recuperar anotações: Ao recarregar a página, as anotações previamente salvas são recuperadas do localStorage e exibidas nos respectivos campos de texto.

Pré-requisitos

Certifique-se de ter um navegador web atualizado, como Google Chrome, Mozilla Firefox, ou Microsoft Edge.

Como executar o bloco de anotações

  1. Baixe os arquivos HTML, CSS e JavaScript fornecidos para o seu computador.
  2. Abra o arquivo HTML (index.html) no seu navegador.
  3. O bloco de anotações será exibido na página.
  4. Para adicionar uma nova anotação, clique no botão "+".
  5. Insira a anotação no campo de texto do novo bloco de anotações.
  6. Clique no botão "Salvar" para salvar a anotação no localStorage.
  7. As anotações salvas serão recuperadas automaticamente e preenchidas nos campos de texto quando a página for recarregada. Personalização Se desejar personalizar o estilo do bloco de anotações, você pode modificar o código CSS fornecido (styles.css) para atender às suas preferências de design.

Tecnologias utilizadas

  • HTML
  • CSS
  • JavaScript

Autor

Seu nome

Licença

Este projeto está licenciado sob a MIT License.