🟨
ChatGPT intermediate

Prompt para dom manipulation em JavaScript

Prompt gerado automaticamente para DOM manipulation em JavaScript

2 usos JavaScript

Prompt completo

"Você é um especialista em JavaScript e DOM. Sua tarefa é criar um trecho de código JavaScript completo e otimizado que resolva o seguinte problema:

Um desenvolvedor precisa atualizar o conteúdo de múltiplos elementos `div` em uma página HTML. Cada `div` tem um `id` único no formato `item-X`, onde `X` é um número inteiro (ex: `item-1`, `item-2`, `item-3`). O novo conteúdo para cada `div` será fornecido como um objeto JavaScript onde as chaves correspondem aos `id`s dos elementos e os valores são as novas strings de texto.

O código deve:

1.  Receber um objeto como `conteudosNovos = { 'item-1': 'Novo texto para o item 1', 'item-2': 'Informação atualizada do item 2', 'item-5': 'Detalhes adicionais' }`.
2.  Iterar sobre as chaves (IDs) deste objeto.
3.  Para cada ID, encontrar o elemento `div` correspondente no DOM.
4.  Atualizar o `textContent` do elemento `div` encontrado com o valor associado no objeto `conteudosNovos`.
5.  Ser robusto o suficiente para não falhar se um `id` no objeto `conteudosNovos` não corresponder a um elemento `div` existente no DOM (ou seja, deve ignorar IDs inexistentes sem gerar erros).
6.  Ser performático, evitando manipulações excessivas do DOM dentro de loops sempre que possível.

Forneça apenas o código JavaScript, sem explicações adicionais, e inclua um pequeno exemplo de HTML (`<div id="item-1"></div>`, etc.) para demonstrar seu funcionamento. Não use frameworks ou bibliotecas, apenas JavaScript puro."

Tags relacionadas

JavaScript DOM manipulation gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico