Issue getting data from timeline variable in shuffled list

[jwylie21]

Hello! I have an issue that I'm not sure how to resolve. I have an experiment that looks like was is copy pasted below (shortened for brevity). And basically, I'm struggling to get the data side to have all of the features that I would like for the trail . Currently, the data just gives me the test_part from the part of the code that is annotated with "REAL TRIALS". But within my individual stimuli list, I have associated them with the stimulus type and the correct response, which are both pieces of information I would like to have preserved in the exported data file. I'm guessing it has something to do with haveing the .randomization.shuffle done to the actual stimulus list, but am not really sure where to go to keep the logic how I want but also extract "type" and "correct_response" from the stimuli. Any help would be greatly appreciated!

var scenario_stimuli1 = ["A person goes to a grocery store. They see an elderly dog lying on its side and ask a clerk how long it has been there. It has been lying there all day. "];

var scenarios = [scenario_stimuli1, scenario_stimuli2, scenario_stimuli3, scenario_stimuli4, scenario_stimuli5, 
scenario_stimuli7, scenario_stimuli8, scenario_stimuli9, scenario_stimuli10, scenario_stimuli11];

/* define the OPTIONS */
var options1 = jsPsych.randomization.shuffle([
  { option: "Get it some water",  data: { type: 'Ordinary',  correct_response: 'f'} },
  { option: "Look around for the owner",  data: { type: 'Ordinary',  correct_response: 'f'} },
]);

var timepressure = jsPsych.randomization.sampleWithoutReplacement([0, 1], 1);
console.log('timepressure: '+timepressure)

var options = [options1, options2, options3, options4, options5, options7, options8, options9, options10, options11]

/* Creating a list of shuffled numbers, we will use this list to ensure scenarios and options are randomized in the same way*/
/* Essentially, we will randomize this list and access our scenarios & options through this list */
/* Note that this list should have the same length as the "scenarios" variable*/
var shuffledList = jsPsych.randomization.shuffle([0,1])
console.log('shuffledList: '+shuffledList)

/* define the procedure & order */
/* determine which instuctions to show based on the timepressure variable*/
if (timepressure == 0){
  tl.push(gen_instructions_NOTIME);
}
if (timepressure == 1){
  tl.push(gen_instructions_TIME);
}

/* Running the warm-up trials */
/* Again depending on timepressure */
for (var i = 0; i < practice.length; i++){
  /* Show a warm-up trial */
  /* Which type depends on timepressure */
  if (timepressure == 0){
    var display_warmup = {
                type: "html-keyboard-response",
                prompt: "<p style='text-align:bottom'>Press <b>[f]</b> for possible, press <b>[j]</b> for impossible.</p>",
                choices: ['f','j'],
                stimulus: practice[i], //jsPsych.timelineVariable("stimulus"),
                post_trial_gap: 1000,
    }
  }
  if (timepressure == 1){
    var display_warmup = {
                type: "html-keyboard-response",
                prompt: "<p style='text-align:bottom'>Press <b>[f]</b> for possible, press <b>[j]</b> for impossible.</p>",
                choices: ['f','j'],
                stimulus: practice[i], //jsPsych.timelineVariable("stimulus"),
                trial_duration: 1500,
                post_trial_gap: 1000,
    }
  } 
  tl.push(display_warmup);
}

/* REAL TRIALS --- Looping through all the scenarios */
    /* Because we are indexing scenarios through shuffled list, the order is randomized */

    for (var i = 0; i < shuffledList.length; i++){
            /* Show a random scenario */
            var display_scenarios = {
                type: "html-keyboard-response",
                stimulus: scenarios[shuffledList[i]], //jsPsych.timelineVariable("stimulus"),
                choices: jsPsych.NO_KEYS,
                trial_duration: 5000
            }
            tl.push(display_scenarios);

            /*Display the scenario instructions*/
            tl.push(scen_instructions)
            
            /*Looping through the options */
            /* Because we are indexing the options through shuffled list, the correct options per scenario are displayed */
            /* Pick a version based on timepressure */
            if (timepressure == 0){
              for (var j = 0; j < options[i].length; j++){
                  var display_options = {
                      type: 'html-keyboard-response',
                      prompt: "<p style='text-align:bottom'>Press <b>[f]</b> for possible, press <b>[j]</b> for impossible.</p>",
                      choices: ['f','j'],
                      post_trial_gap: 1000,
                      stimulus: options[shuffledList[i]][j].option,
                      data: {test_part: 'response', correct_response: jsPsych.timelineVariable('correct_response')}
                  };
                  tl.push(display_options)
              }
            }
            if (timepressure == 1){
              for (var j = 0; j < options[i].length; j++){
                  var display_options = {
                      type: 'html-keyboard-response',
                      prompt: "<p style='text-align:bottom'>Press <b>[f]</b> for possible, press <b>[j]</b> for impossible.</p>",
                      choices: ['f','j'],
                      trial_duration: 1500,
                      post_trial_gap: 1000,
                      stimulus: options[shuffledList[i]][j].option,
                      data: {test_part: 'response', correct_response: jsPsych.timelineVariable('correct_response')}
                  };
                  tl.push(display_options)
              }
            }
            /* We probably want to display something in between scenarios to "reset" the block, we can put that here */
            if (i < shuffledList.length -1){
              tl.push(interim_block)
          }
        };

jsPsych.init({
  timeline: tl,
  on_finish: function() { 
        endExperiment(jsPsych.data.get().csv(), function() {
            document.write(debrief)
            })
          }
});

[jodeleeuw]

Hi @jwylie21,

It looks like you are trying to use timeline variables to get the data attached to the trial but you haven't created a timeline object with the timeline_variables property to attach the variables.

If you haven't done so already, it might be helpful to look at the part of the tutorial that covers timeline variables and the documentation for them as well. I think this will give you a clear overview of what generally needs to change in the script.