cartao.js

 ;(function(){
   const cartoes = document.querySelectorAll(".cartao")

   for(let j = 0; j < cartoes.length; j++){
     const cartao = cartoes[j]

     cartao.addEventListener('click', function(event) {
       const elementoSelecionado = event.target
       if (elementoSelecionado.classList.contains('opcoesDoCartao-remove')){
         cartao.classList.add("cartao--some")
         cartao.addEventListener('transitionend', function(){
             cartao.remove()
       })
}
})





     cartao.addEventListener("focusin", function(){
       cartao.classList.add("cartao--focado")
     })
     cartao.addEventListener("focusout", function(){
       cartao.classList.remove("cartao--focado")

  cartao.addEventListener("change", function mudaCor(event){
    const elementoSelecionado = event.target
    const isRadioTipo = elementoSelecionado.classList.contains('opcoesDoCartao-radioTipo')
    if (isRadioTipo){
      cartao.style.backgroundColor = elementoSelecionado.value

    }
  })
  })
cartao.addEventListener("keydown", function deixaClickarComEnter(event){
  if(event.target.classList.contains("opcoesDoCartao-opcao") && (event.key === 'Enter' || event.key === '')){
    event.target.click()
  }


})

}
})()