Prompt para dom manipulation em JavaScript
Prompt gerado automaticamente para DOM manipulation em JavaScript
"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
Como Usar este Prompt
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
Cole o prompt e substitua as variáveis (se houver) com suas informações.
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