0

Estou tentando selecionar um elemento da DOM via js para executar uma ação ao clicar. Porém o programa não responde ao click. Como devo proceder?

segue o código!

const modalOverlay = document.querySelector('.modal_overlay')
const cards = document.querySelectorAll('.card')

for (let card of cards) {
  card.addEventListener("click", function(){
    modalOverlay.classList.add('active')
  })
}

document.querySelector(".close_modal").addEventListener('click', function() {
  modalOverlay.classList.remove('active')
})
3
  • cara pq vc não usa forEach() em vez de for (let card of cards)
    – hugocsl
    Commented 4/08/2020 às 22:29
  • complementando o que o colega falou: const modalOverlay = document.querySelector('.modal_overlay'); const cards = document.querySelectorAll('.card'); cards.forEach(function(card){ card.addEventListener("click", function(){ modalOverlay.classList.add('active'); }) }); let teste = document.querySelector(".form-input"); teste.addEventListener('click', function(){ modalOverlay.classList.remove('active') }); Commented 4/08/2020 às 22:54
  • Obrigado galera , consegui resolver aqui. Muito Obrigado pela ajuda! Commented 5/08/2020 às 2:16

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .