Prompt para dom manipulation em JavaScript

Prompt gerado automaticamente para DOM manipulation em JavaScript

5.0
34 usos
ChatGPT
Usar no ChatGPT
"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."

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

Outros prompts de JavaScript

Continue explorando prompts nesta categoria.

Melhores práticas de es6+ e funcionalidades modernas para JavaScript

Prompt gerado automaticamente para ES6+ e funcionalidades modernas em JavaScript

Guia para module systems em JavaScript

Prompt gerado automaticamente para Module systems em JavaScript

Guia para testing frameworks em JavaScript

Prompt gerado automaticamente para Testing frameworks em JavaScript