独自の条件で完了となるレッスンを作成する

はじめに

edenのレッスンセクションでは、完了条件として「動画を最後まで再生する」「ページ内に埋め込まれたクイズに正解する」といった条件が選択できますが、JavaScriptを記述していただくことで独自の完了条件を設定できます。（「edenapi.setStatus(“complete”);」というコードを実行したタイミングで完了となります。）

たとえば「秘密保持誓約書を表示して、すべてのチェックボックスにチェックを入れて、送信ボタンをクリックしたタイミングで完了とする」といったページを作成できます。（ただし、ご自身で設定するにはJavaScriptの知識が必要となります。「こういった条件設定はできるかどうか」といったご質問があればカスタマーサポートまでお問い合わせください。）

やり方

レッスンセクションで、完了条件として「JavaScriptで実装する」を選択した後、本文でHTML編集欄を開き、以下のようなコードを追加します。

<input type="button" id="button1" value="ボタンのサンプル"/>
<script>
$(document).ready(function(){
    $("#button1").on("click",function(){
        edenapi.setStatus("complete");
    });
});
</script>

その後プレビュー画面を開くと、「ボタンのサンプル」というボタンをクリックした時点でページが「完了」となることが確認できます。