Aula 33 de Javascript

rapaziada eu fiz utilizando o for ao invés do map de um jeito bem básico mesmo, pois a escrita e bem mais facil de entender ao inves de usar map e for each: o meu só copia tudo infelizmente (estou focado no backend e tenho noção de css e html) aqui meu codigo: HTML: Aula 33 de Javascript

HTML

CSS

Javascript

PHP

React

MySQL

CSS: body { font-family: Arial, sans-serif; margin: 0; padding: 0; } main { display: flex; justify-content: space-between; align-items: center; padding: 20px; } .caixa { border: 2px solid #333; padding: 10px; width: 200px; /* Ajuste conforme necessário */ height: 300px; /* Ajuste conforme necessário */ display: flex; flex-direction: column; } .curso { border: 1px solid #ddd; padding: 5px; margin: 5px; text-align: center; } #btn_copiar { padding: 10px; } #caixa2 { border: 2px solid #333; width: 200px; /* Ajuste conforme necessário */ height: 300px; /* Ajuste conforme necessário */ } JS: const botao = document.getElementById('btn_copiar'); const copiarCursos = document.querySelectorAll(".c1"); const colarCursos = document.querySelector("#caixa2"); botao.addEventListener("click", () => { for (let i = 0; i < copiarCursos.length; i++) { colarCursos.appendChild(copiarCursos[i].cloneNode(true)) } });

API Rest, Node e Typescript: #01 - Apresentação do curso

API Rest, Node e Typescript

Conteúdo do curso

Praticando sobre addEventListener em Javascript #P2 - Curso de Javascript Moderno - Aula 35