Conditional and Loop functions not working properly

[aguima24]

I am designing an experiment with a cooperation task, where cooperation is created by pressing two different keyboard keys simultaneously. I wrote the code so that the individuals are required to press the keys "a" and "l" simultaneously (within 80 milliseconds of each other) to move on to the next trial. I also created a conditional and a loop function so that the trial is repeated until the keys are pressed within a 80 millisecond difference. After they meet the 80ms requirement, they can move on. However, my conditional and loop functions are not working properly and the trial repeats indefinitely, even if the 80ms requirement is met. Can someone tell me what is wrong?
Any help is appreciated! Thanks!

Here is part of the code:

` // Trial_4
// This section provides the code that presents the aliens in the spaceship that need to be lauched by the
// joint button press by the kids. I want the children to press the keys "a" and "l" symultaneously to move on
// I also want the code to record how many millisecond apart are the button presses for "a" and "l" keys

var trial = {
    type: 'video-keyboard-response',
    stimulus: ['videoname.mp4'],
    prompt: '<p>Press "a" and "l" simultaneously to make the aliens fly.</p>',
    choices: 'NO_KEYS',
    width: 900,
    response_ends_trial: true,
    on_load: function() {
        const startTime = performance.now();
        let keyRTs = {};
        let keysPressed = new Set();

        document.addEventListener('keydown', function checkKeys(event) {
            if (!keyRTs[event.key]) {
                keyRTs[event.key] = performance.now() - startTime;
            }
            keysPressed.add(event.key);

            if (keysPressed.has('a') && keysPressed.has('l')) {
                const rtA = keyRTs['a'] || null;
                const rtL = keyRTs['l'] || null;
                const rtDifference = Math.abs(rtA - rtL);

                jsPsych.data.write({
                    trial_name: 'trial_4',
                    rt_a: rtA,
                    rt_l: rtL,
                    rt_difference: rtDifference,
                    keys_pressed: Array.from(keysPressed)
                });

                // Remove event listener and finish trial
                document.removeEventListener('keydown', checkKeys);
                jsPsych.finishTrial();
            }
        });

        document.addEventListener('keyup', (event) => {
            keysPressed.delete(event.key);
        });
    }
};

// Message Trial for Repeating Trial
// trial 4 should be repeated if the keys are pressed more the 80 milliseconds apart from each other

var repeat_message = {
    type: 'html-button-response',
    stimulus: '<p>Your reaction times were not fast enough! Please try again.</p>',
    choices: ['Try Again']

};

// Conditional Function to Check RT Difference
// Conditional function was created to make sure that the trials repeats if the keys are pressed
// more than 80 ms apart

var check_rt_condition = {
    timeline: [repeat_message],
    conditional_function: function() {
        const lastTrialData = jsPsych.data.getLastTrialData().values().pop();
        const rtDifference = lastTrialData.rt_difference || Infinity;

        // Show the repeat message only if RT difference > 80ms
        return rtDifference > 80;
    }
};

// Alien Dance Celebration

var next_trial = {
    type: 'video-keyboard-response',
    stimulus: ['next_trial_video.mp4'],
    prompt: "<p>Yay, you can move on now! </p>",
    choices: jsPsych.NO_KEYS,
    width: 900,
    autoplay: true,
    trial_ends_after_video: true,
};

// Loop to Repeat Trial_4 Until Criteria Met
// loop function was created to repeat trial_4 if the keys are pressed more than 80ms apart

var repeat_trial_loop = {
    timeline: [trial, check_rt_condition],
    loop_function: function() {
        const lastTrialData = jsPsych.data.getLastTrialData().values().pop();
        const rtDifference = lastTrialData.rt_difference || Infinity;

        // Stop the loop if RT difference <= 80ms (proceed to next_trial)
        return rtDifference < 80;
    }
};

// Timeline

jsPsych.init({
    timeline: [preload, pre_trial, repeat_trial_loop, next_trial],
    on_finish: function() {
        jsPsych.data.displayData();
    }
});

</script> `

[doubleonick]

aguima24: Thank you for providing these samples of your code. I presume all of these segments go between the "script" tags? Could you also please provide the tags you have for any CSS, or jsPsych plugins?

[aguima24]

These are the tags I have for CSS and jsPsych plugins: (I used video-keyboard-response, preload, html-keyboard-response, and a few others).
Let me know if this is what you were looking for.

`

<script src="jspsych-6.3.1/jspsych.js"></script> <script src="jspsych-6.3.1/plugins/jspsych-video-keyboard-response.js"></script> <script src="jspsych-6.3.1/plugins/jspsych-html-button-response.js"></script> <script src="jspsych-6.3.1/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.3.1/plugins/jspsych-preload.js"></script> `