```meta
title: @flashcards — cartões para estudar, ou um autoteste
description: Um termo e o significado, uma pergunta e a resposta — ou um autoteste de múltipla escolha com pontuação.
```

_flows.md · documentação · [Blocos](/@docs/blocks)_

# @flashcards

Um baralho para estudar: um termo e o significado, uma pergunta e a resposta, uma palavra e a tradução — ou um autoteste, com perguntas que o leitor responde e uma pontuação.

## Cartões que viram

Um cartão por linha, `frente | verso`. Vira com um clique ou pelo teclado.

```@flashcards label:"Italiano de viagem"
Buongiorno | Bom dia
Il conto, per favore | A conta, por favor
Dov'è la stazione? | Onde fica a estação?
```

~~~text
```@flashcards label:"Italiano de viagem"
Buongiorno | Bom dia
Il conto, per favore | A conta, por favor
Dov'è la stazione? | Onde fica a estação?
```
~~~

## Um autoteste

Uma linha com três partes ou mais é uma pergunta de múltipla escolha: a **primeira** resposta depois da pergunta é a certa, e as opções aparecem embaralhadas. Depois de ` :: `, o porquê, mostrado quando o leitor escolhe.

```@flashcards label:"Autoteste: o ciclo da água"
Como se chama a passagem da água do líquido para o vapor? | Evaporação :: O calor do sol transforma a água em vapor. | Condensação :: Condensação é o contrário: o vapor vira gotas. | Precipitação
O que forma as nuvens? | Vapor que condensa em gotas :: O vapor esfria lá em cima e vira gotinhas. | Fumaça | Poeira :: A poeira ajuda as gotas a se formarem, mas não é a nuvem.
```

~~~text
```@flashcards label:"Autoteste: o ciclo da água"
Como se chama a passagem da água do líquido para o vapor? | Evaporação :: O calor do sol transforma a água em vapor. | Condensação :: Condensação é o contrário: o vapor vira gotas. | Precipitação
O que forma as nuvens? | Vapor que condensa em gotas :: O vapor esfria lá em cima e vira gotinhas. | Fumaça | Poeira :: A poeira ajuda as gotas a se formarem, mas não é a nuvem.
```
~~~

As escolhas e a pontuação ficam no navegador do leitor. Impresso, ou sem script, o baralho sai inteiro, com as respostas. Para guardar a resposta de cada aluno, um [@form](/@docs/blocks/form) com `scope:viewer` — o padrão [Lição com autoteste](/@docs/patterns/licao-com-autoteste) junta os dois.

## Argumentos

- `label` — uma linha acima do baralho dizendo o que ele treina.