0.「Scripts」の準備

「title」は「page」に，その横の「event」は「before:prepare」に変更してください。

Untitled

1.「Text/Instructions」の表示

以下のように入力してください。「this.options.items.push」で「Page」コンテンツ内に追加することができます。

「type: “text”」でテキストを表示します。
「title」と「content」に以下のように入力してください。

// Text/Instructions
this.options.items.push({
          "type": "text",
           "title": "タイトル",
           "content": "ここに内容が表示されます。"
        })

Untitled

以下のように表示されます。

Untitled

<aside> 💡 このプログラムでは，小林先生のプログラムと違い「this.options.items.push」で要素を追加していきます。小林先生のプログラムでは「this.options.items」で最初に表示していますが，この方法はGUIを上書きします。「this.options.items.push」を使うと，GUI部分の後にScriptsで作成した要素が追加されます。

</aside>

2. 冒頭の教示部分を作る

以下のように修正してください。

// Text/Instructions
this.options.items.push({
          "type": "text",
           "title": "調査",
           "content": "以下の質問項目をよく読み，あなたにもっとも当てはまる選択肢を選んでください。"
        })

Untitled