app.js

function criaCartao(categoria,pergunta,resposta){
    console.log(categoria,pergunta,resposta);
}

function criaCartao(categoria,pergunta,resposta){
    let container=document.getElementById('container');
    let cartao= document.createElement('article')
    cartao.className='cartao'
    cartao.innerHTML=` <div class="cartao__conteudo">
    <h3>${categoria}</h3>
    <div class= "cartao__conteudo__pergunta">
        <p> ${pergunta}</p>
    </div>
    <div class="cartao__conteudo__resposta">
    <p>o javaScript é uma linguagem de programação</
    p>${resposta}
    </p>
    <div>
    </div> ` 
    container.appendChild(cartao)
 }

 let respostaEstaVisivel=false
 container.appendChild(cartao)

 function viraCartao(){
    respostaEstaVisivel=!respostaEstaVisivel
    cartao.classList.toogle('active'
        ,respostaEstaVisivel)
 } 
cartao.addEventListener('click',viraCartao)