model.js

export default TEST = {
    createdAt: '2019/12/11 00.00.000',
    updatedAt: '2019/12/11 00.00.000',
    publishAt: '2019/12/11 00.00.000',
    views: 1000,
    taken: 100,
    homeworkId: Object('12345'),
    name: 'Listening test',
    description: 'This test get from ABC IELTS book',
    type: 'reading || listening || writing',
    audios: Array([
      'abc/liten1.mp3',
      'abc/backup/listeen1.mp3'
    ]),
    images: Array([
      'abc/liten1.png',
      'abc/backup/listeen1.png'
    ]),
    contents: "big html object string",
    sections: [{
      sectionOrder: 1,
      questionNumbers: [1.. .10],
      answerSheet: "big html object string",
      readingPassage: "big html object string",
      transcript: "big html object string",
      questions: [{
          questionNum: [1],
          questionType: 'blank-field || dropdown || multi-choice || multi-selection',
          options: [
            { select: 'A', detail: 'confidence-building', order: '1'},
            { select: 'B', detail: 'making career plans', order: '2'},
            { select: 'C', detail: 'completing difficult tasks', order: '3'},
            { select: 'D', detail: 'making a weekly timetable', order: '4'},
            { select: 'E', detail: 'reviewing progress', order: '5'},
          ],
          answers: [
            'A',
            'B',
            '2 apple',
            'two apple',
            '500',
            'five hundred',
            '(postage) stamps',
            'stamps',
            '4:30pm'
          ]
        },
        {
          sectionOrder: 1,
          questionNumbers: [12,13,14,15],
          answerSheet: "big html object string",
          readingPassage: "big html object string",
          transcript: "big html object string",
          questionType: 'blank-field || dropdown || multi-choice || multi-selection',
          answers: [
            'A',
            'B',
            '2 apple',
            'two apple',
            '500',
            'five hundred',
            '(postage) stamps',
            'stamps',
            '4:30pm'
          ]
        }
      ],
    }],
  }



Answer sheet template making


<span id="1" class="question-number">1</span>
<span id="10-11-12" class="question-number">10 11 12</span>


https: //www.w3schools.com/tags/tag_datalist.asp