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
Outros prompts de JavaScript
ChatGPT
Melhores práticas de module systems para JavaScript
Prompt gerado automaticamente para Module systems em JavaScript
5 usos
ChatGPT
Guia para testing frameworks em JavaScript
Prompt gerado automaticamente para Testing frameworks em JavaScript
4 usos
ChatGPT
Melhores práticas de es6+ e funcionalidades modernas para JavaScript
Prompt gerado automaticamente para ES6+ e funcionalidades modernas em JavaScript
5 usos