Parágrafo editável

Descrição:

Objetivo: Praticar a manipulação de elementos HTML usando JavaScript.

Instruções:

  1. Crie um novo arquivo HTML.
  2. Adicione um parágrafo à página contendo o texto “Me altere, por favor!”.
  3. Adicione um botão à página com o texto “Editar”.
  4. Quando o botão “Editar Parágrafo” for clicado:
    • Permita que o parágrafo seja editável, permitindo que o aluno insira um novo texto.
    • O botão “Editar Parágrafo” agora deve ser renomeado para “Atualizar Parágrafo”.
  5. Quando o botão “Atualizar Parágrafo” for clicado:
    • O novo texto inserido deve substituir o conteúdo do parágrafo.
    • O parágrafo não deve mais ser editável.
    • O botão deve ser renomeado para “Editar Parágrafo” novamente
  6. Teste o exercício abrindo o arquivo HTML em um navegador e interagindo com o botão.

Dica:

  • Use o atributo contenteditable no parágrafo para permitir a edição do conteúdo diretamente na página.

Gostou? Não esqueça de avaliar o exercício:

Abra o formulário de avaliação