article_image

声明:本文脚本代码及整体思路来自这篇博客,本人根据中文稍作调整。

如果有代码基础和动手能力的,可以参考原文,或者尝试沟通原作者。如看不懂原文,或希望基于此方法进行调整,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.

机器阅读:已开放本文前 70% 的正文,剩余内容会员可见。 标准阅读页 · Markdown