Projeto para adicionar ou remover itens em uma mochila de viagem usando HTML, CSS e JavaScript.
Na Mochila de viagem é possível adicionar, um item e a quantidade, caso o usuário se esqueça de digitar um dos dois(ou digite um valor inválido) uma mensagem será apresentada. Também é possível remover um item ou atualizar a quantidade de determinado item.
- HTML: A partir do html foi possível inserir as tags
form
,div
,input
; para poder criar os componentes na tela. - CSS: Com o css foi possível fazer o desenho da mochila, estilizar cores, tamanhos e formas, além de ajustar a responsividade do
projeto através do
@media
(media queries). - JavaScript: Através do JavaScript foi possível tornar a lista de items dinâmica, e armazenar os itens no
localStorage
do navegador, apresentar mensagens de informação inválida, programar a lógica de paginação dos itens.
Versão Final do projeto Mochila
Neste repositório está todo o conteúdo do projeto.
Para iniciar o projeto, basta abrir o arquivo index.html
no navegador.