2b:null 2c:["$","title",null,{"children":"Reveal answer to question | Lingua Latina Project Classics | Observable"}] 31:[{"id":"0132aecc766a63ba788c9e24e635202d17e29a0af6cedf9ba3fbc84f6aacddaca92e86dcc6a9dddd399c97c3b9125ab11c6c7e2adaa13289663f01f7d8a401f2","href":"https://static.observableusercontent.com/files/0132aecc766a63ba788c9e24e635202d17e29a0af6cedf9ba3fbc84f6aacddaca92e86dcc6a9dddd399c97c3b9125ab11c6c7e2adaa13289663f01f7d8a401f2","name":"embed+preview@1.png","type":"image/png","lastModified":1604960317315.235,"size":89464}] 2f:{"id":"379c8112f1e3a6a8","slug":"reveal-answer-to-question","title":"Reveal answer to question","thumbnail":"1a15c86688a4fa9fd220a67b51fdba55a73fbc4802ea46a197f5ef29bbba6afb","access_level":"public","create_time":"$D2020-11-08T16:22:13.483Z","update_time":"$D2020-11-23T14:23:11.729Z","view_time":null,"first_public_time":"$D2020-11-08T16:24:44.850Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"a9d1ba76bda8c238","login":"l3","name":"Lingua Latina Project Classics","avatar_url":"https://avatars-next.observableusercontent.com/56b07e9ba69e690e9cb3f902c97a95178ddb2f83f3f16c4560487a6f31ae3d33","tier":"starter_2024"},"version":528,"publish_version":528,"role":null,"authored":false,"authors":[{"type":"individual","id":"b4795bb2d8282618","login":"l3","name":"Lingua Latina Project Classics","avatar_url":"https://avatars-next.observableusercontent.com/56b07e9ba69e690e9cb3f902c97a95178ddb2f83f3f16c4560487a6f31ae3d33","tier":null}],"members":[{"type":"individual","id":"b4795bb2d8282618","login":"l3","name":"Lingua Latina Project Classics","avatar_url":"https://avatars-next.observableusercontent.com/56b07e9ba69e690e9cb3f902c97a95178ddb2f83f3f16c4560487a6f31ae3d33","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":7,"collection":{"id":"a23cae61f5819ee6","slug":"templates","title":"templates","owner":{"id":"a9d1ba76bda8c238","login":"l3","name":"Lingua Latina Project Classics"}},"type":"notebook","body":{"title":"Reveal answer to question","cells":[{"id":0,"value":"md`# Reveal answer to question\n\nCreate an interactive self-testing exercise where students are given a question and can reveal the answer or not. Questions are selected at random from the question/answer pairs you load. Because the selection is truly random, the same question may come up twice in a row. (The exercise will be more effective with a large number enough number of questions that that won't distract students.)\n\nFollow the instructions in the following cell to make your own drill.\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":160,"value":"html`\n

How to make your own exercise

Implement self-correcting functionality

Put a two-column csv file somewhere on the internet (maybe in a github repository) with questions in the first column and answers in the second. The file should include a header line with labels for each column. You may use markdown or html markup in questions or answers if you'd like. (See the default example used with this notebook.)\n
Fork this notebook.
Enter or paste the URL for your tsv file in the (too narrow!) cell below.

\n\n

That's it!

\n\n

Create a tidy presentation

Get the input cell below out of your students' way by dragging it to the bottom of your notebook
Delete this cell of instructions, and add a cell introducing the exercise to your students

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":490,"value":"md`## How to embed the quiz in a web page\n\n

\n\n${await FileAttachment(\"embed+preview@1.png\").image()}\n\n\n

\nTo add an iframe like the preview illustrated above to any web page:\n

from any cell's menu, choose \"Embed\", and select the cells named viewof q, questionprompt, answer1, viewof showAnswer and css, as illustrated above.
use the Copy button to put the code for iframe on your clipboard.
paste the code for the iframe into your web page

\n\n

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":167,"value":"// If you prefer, you can replace this text box with a single line defining your .tsv file\n// like this:\n// url = \"https://raw.githubusercontent.com/neelsmith/latin101/master/F20/quizbank/translation3-questions.tsv\"\n//\nviewof url = text({\n title: \"URL for 2-column tsv file\",\n value: \"https://raw.githubusercontent.com/neelsmith/latin101/master/F20/quizbank/translation3-questions-v2.csv\"\n\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":121,"value":"md`## Question/answer\n\n1. Click Select a question to select a question at random. \n2. Check Show answer to see the correct answer.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":414,"value":"// Use randomQuestion() function to shuffle data array and choose\n// first question as value of this button when clicked.\n//\nviewof q = {\n const button = html`