calculating correct by comparing a list to the options in plugin-survey-multi-select

[fatemene]

Hi.
I want to run a memory task of a list of words. The list of target words is shown and then they are given a list containing some new words, from which they should choose the target words and their score/accuracy will be calculated by comparing their responses to the target word list. In the following, I have attempted to do what I have explained, but I have some problems defining or calling variables to calculate the accuracy of responses.
`

<title>Memory Experiment</title> <script src="jatos.js"></script> <script src="lib/jspsych.js"></script> <script src="lib/plugin-html-button-response.js"></script> <script src="lib/plugin-html-keyboard-response.js"></script> <script src="lib/plugin-survey-text.js"></script> <script src="lib/plugin-survey-multi-select.js"></script> <script>

    /* initialize jsPsych */

    var jsPsych = initJsPsych({
        on_trial_start: jatos.addAbortButton,
        on_finish: () => jatos.endStudy(jsPsych.data.get().json())
    });

    /* create timeline */
    var timeline = [];
    /* define welcome message trial */
    var welcome = {
    type: jsPsychHtmlButtonResponse,
    stimulus:`
                <p style="font-size:38px;color:darkblue;">سلام</p>
                <pstyle="font-size:18px;">در این آزمون، به شما 15 کلمه نشان داده می شود. پس از اینکه همه کلمات را دیدید، تعدادی کلمه به شما داده می شود که از بین آنها کلماتی را که قبلا دیده اید، انتخاب کنید. <p/>           
    `,
    choices:['<p style="font-size:22px;color:darkblue;">ادامـه</p>']
    };
    timeline.push(welcome);
    //demographic info
    var demographic = {
        type: jsPsychSurveyText,
        questions: [
            {prompt: 'نام یا کد', name: 'name'},
            {prompt: 'سن', name: 'age'},
            {prompt: 'جنسیت', name: 'gender'},
            {prompt: 'سال تحصیلی', name: 'degree'},
            {prompt: 'زبان مادری', name: 'place'},
        ]
};
timeline.push(demographic);
    
    var first_trial_stimuli = [
        {stimulus: '<div style="font-size:150px;">کوه</div>'},
        {stimulus: '<div style="font-size:150px;">ماه</div>'},
        {stimulus: '<div style="font-size:150px;">پرنده</div>'},
        {stimulus: '<div style="font-size:150px;">ماشین</div>'},
        {stimulus: '<div style="font-size:150px;">قلم</div>'}
    ]

    var first_trial = {
        type: jsPsychHtmlKeyboardResponse,
        stimulus: jsPsych.timelineVariable('stimulus'),
        choices: "NO_KEYS",
        trial_duration: 3000
    };
    var trial_one_procedure = {
        timeline: [first_trial],
        timeline_variables: first_trial_stimuli,
        randomize_order: true
    };
    timeline.push(trial_one_procedure);

    var SecondPhase = {
    type: jsPsychHtmlButtonResponse,
    stimulus:'<p style="font-size:18px;">اکنون به شما 40 کلمه نشان داده می شود که از بین آنها کلماتی را که قبلا دیده اید، انتخاب کنید. <p/>',
    choices:['<p style="font-size:22px;color:darkblue;">ادامـه</p>']
    };
    timeline.push(SecondPhase);

    var test_page = {
        type: jsPsychSurveyMultiSelect,
        questions: [
        {
            prompt: "کدامیک از این کلمات را در لیست قبلی مشاهده کردید؟ آن را انتخاب کنید",
            options: [
                '<p style="font-size:25px;">قلم</p>',
                '<p style="font-size:25px;">ماه</p>',
                '<p style="font-size:25px;">صندلی</p>',
                '<p style="font-size:25px;">پرنده</p>',
                '<p style="font-size:25px;">مادر</p>',
                '<p style="font-size:25px;">ساعت</p>',
                '<p style="font-size:25px;">کوه</p>',
                '<p style="font-size:25px;">رودخانه</p>',
                '<p style="font-size:25px;">ماشین</p>',
                '<p style="font-size:25px;">کتاب</p>',
                '<p style="font-size:25px;">باد</p>'],
            required: true, 
            horizontal: true,
            data: {
                    task: 'response', 
                    correct_response: jsPsych.timelineVariable(first_trial_stimuli.stimulus)
                },
            on_finish: function(data){
                data.correct = data.response === data.correct_response;
            }
        }
        ]
};
timeline.push(test_page);
var debrief_block = {
    type: jsPsychHtmlKeyboardResponse,
    stimulus: function() {

    var trials = jsPsych.data.get().filter({task: 'response{"Q0"}'});
    var correct_trials = trials.filter({correct: true});
    return '<p>You responded correctly on ${accuracy}% of the trials.</p>';
    }, 
    choices: "NO_KEYS",
    trial_duration: 4000
};
timeline.push(debrief_block);

var ending = {
  type: jsPsychHtmlKeyboardResponse,
  stimulus: "<p>این آزمون به پایان رسید. از همکاری شما سپاسگزاریم </p>",
  choices: "NO_KEYS",
  trial_duration: 3000
};
timeline.push(ending);



    /* start the experiment */
    jatos.onLoad(() => {
        jsPsych.run(timeline);
    });

</script>

`