声明:本文脚本代码及整体思路来自这篇博客,本人根据中文稍作调整。
如果有代码基础和动手能力的,可以参考原文,或者尝试沟通原作者。如看不懂原文,或希望基于此方法进行调整,Slack 会员频道随时提问。
需求来源
在记选择题时,我们容易根据位置而非实际内容来记答案。例如,对于一个有 4 个选项的问题,学习者可能只记得“答案是第 3 个选项”而没有真正记得答案的具体内容。打乱选项顺序可以确保学写着真正记住了答案的内容。
实现方法
第一步:制作新模板
做个新模板,选“问答题”,然后改名 “选择题”。
第二步:制作新卡片
卡片有 3 个部分,正面、背面和管理样式的 CSS。这些地方,可以全部无脑粘贴我提供的代码。(如有问题,Slack 联系)
正面脚本(无脑复制粘贴):
<script>
(() => {
var container = $('.question ol');
var content = container.find("li");
var total = content.length;
content.each(function() {
content.eq(Math.floor(Math.random()*total)).prependTo(container);
});
})()
</script>
<div class="question-header">
题目
</div>
<div class="question">
{{正面}}
</div>
背面脚本(无脑复制粘贴):
{{FrontSide}}
<hr id=answer>
<div class="answer-header">
Answer
</div>
<div class="answer">
{{背面}}
</div>
CSS 样式(无脑复制粘贴):
.card {
font-family: arial;
font-size: 20px;
text-align: left;
color: black;
background-color: white;
}
.question li {
border-radius:8px;
box-shadow: 0px Opx 3px black;
padding: 0.5em 0.5em 0.

