Pular para conteúdo

Projeto 09 - Galeria Interativa 📸

Objetivo: Implementar eventos de clique e alteração de atributos do DOM para criar uma galeria.

O Desafio

Crie uma galeria de fotos simples com controle de zoom.

  1. No HTML, coloque uma imagem principal (img) com um ID.
  2. Crie dois botões: "Aumentar" e "Diminuir".
  3. No JavaScript:
    • Capture os cliques nos botões.
    • Ao clicar em "Aumentar", mude a largura da imagem para 500px.
    • Ao clicar em "Diminuir", mude a largura da imagem para 250px.
    • Adicione uma transição suave via JavaScript (mude o estilo transition).

O que entregar?

  • Os arquivos HTML e JS.
  • Um vídeo curto ou print da tela mostrando a imagem mudando de tamanho ao clicar nos botões.