系統功能

今天介紹第三組題型「填空」。
這種題型應該也不需要特別的說明，就是在空格內填入正確的答案，這種題目要確定空格內的答案應該要限制住只有一個答案，如果是開放性的題目，有多個答案的話，資料會不好準備，系統也不好判斷。另外還有以下幾點要注意：
1. 如果是英文的話，是否是大小寫敏感
2. 如果是數字的話，是否有分辨阿拉伯數字或國字
3. 如果是單字的話，是否有多個答案，例如英文的他，有he,him,she,it 等多種說法。 

技術手法

    curStatus = "spell";
    var ansCnt = questions[index].answer.split("/").length;
    let answer_target = "";
    for (var j = 0; j < ansCnt; j++) {
        answer_target =
            answer_target +
            '<span><input type="text" class="direct_input" name="direct_input" id="direct_input' +
            j.toString() +
            '" value="" placeholder="輸入答案" style="width:200px;height:40px;font-size:20px;padding:10px;margin:5px"></span>';
    }
    answer_target +=
        "<span> <button id='confirmButton' onclick='confirmClick()' style='width:70px;height:40px;' >確認</button></span> ";
    curQuesType = "direct_input";
    if (questions[index].quizType == "audio") {
        // if (questions[index].option1 == null) {
        //   que_tag =
        //     "<span>答案請按右邊發音鈕  <button onclick='pronClick()' class='pronButton' style='width:70px;height:40px;' >發音</button></span>";
        // } else
        que_tag =
            "<span>" +
            questions[index].question +
            // questions[index].option1 +
            "  <button onclick='pronClick();' class='pronButton' style='width:70px;height:40px;' >發音</button></span>";
        que_text.innerHTML = que_tag; //adding new span tag inside que_tag
        pronClick();
    } else if (questions[index].quizType == "spell") {
        que_text.innerHTML = questions[index].question; //adding new span tag inside que_tag
    }
    option_list.innerHTML = answer_target;
    document.querySelector(".direct_input").focus();
    document.removeEventListener("keydown", keydown);

語文學習19-銀行與郵局

1. 你要領錢？對，我要領一萬元
2. 你包裹要寄到哪裡？我要寄到新竹
3. 〖單字〗銀行業務
4. 〖單字〗郵務種類