Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Como a classe "task" funciona no JS se não está mais no HTML?

Referente ao curso JavaScript na Web: manipule o DOM com JavaScript, no capítulo Adicionar item na lista e atividade Criando elemento

por IOLANDA SILVA BIANCHI
| 60.2k xp | 12 posts

No decorrer da aula, é retirado do arquivo HTML a classe "task", porém ela permance no CSS, conforme segue:

HTML 

  •   </ul>

    CSS .task { background-color: rgba(255, 255, 255, 0.1); color: #F6F1D1; display: flex; justify-content: space-between; margin-bottom: 0.5rem; padding: 1rem 3rem; }

    Porém, a classe "task" é utilizada no JS, conforme abaixo:

    JS tarefa.classList.add('task')

    Como isso ocorre? Uma classe pode existir apenas no CSS para ser usada no JS?

1 resposta
solução!
por Raphael Wilker Mendes Araújo
| 434.2k xp | 163 posts
Front-End Developer

Olá Iolanda. Tudo bem ? Quando o classList.add é chamado ele adiciona ao seu elemento HTML, a classe task, com isso o elemento HTML acaba recebendo todas as propriedades que foram declaradas no CSS. Tanto é que você pode inspecionar o elemento HTML, você vai observar que ele recebeu a classe task. Espero ter ajudado. :D