Hello,

My question is: Why the JS code does not work to pick and/or display the drawn word in the question?

With my current script, the question container appears but empty, it looks like there is no communication between the script and the embedded data field… I don’t know if the issue comes from the words writing in the embedded fields, or else.

My goal is to draw one word randomly without replacement at each loop from an embedded list of words based on the initialWordList:

The wordlist field is equal to initialWordList – drawnList, so at the beginning the wordlist contains all the words of initialWordList, and supposed to be emptied over loops.

The drawnList field is supposed to store all the drawn words picked at each loop in wordList. So at the beginning the drawnList is empty, and supposed to be filled over loops.

FYI: the wordlist and the drawnList are supposed to be kept updated within and between participants, until the wordlist is empty and the drawnList is full. Then both lists are reset (wordlist=initialWordList and drawnList=” ”) to restart. For the experiment, the list will contain 280 words.

The picked word is supposed to be displayed in a question container as follows:

Here is the script, I think the issue is in part 1 or/and 2, maybe 4:

Qualtrics.SurveyEngine.addOnload(function() {   

 
// PART 1: Set up initial conditions for Embedded Data    
    // Get the initial word list and drawn word
    var initialWordList = "${e://Field/initialWordList}".split(',');  
    var drawnList = "${e://Field/drawnList}".split(',');  
    

    // Filter out the drawn word from the initial word list
    var wordList = initialWordList.filter(function(word) {  

        return word.trim() !== drawnList.trim(); 

    });
    
    // Set the updated word list to the wordList embedded data field
    Qualtrics.SurveyEngine.setEmbeddedData('wordList', wordList.join(','));

    var wordList = "${e://Field/wordList}".split(','); 

// PART 2: Function to draw a word randomly without replacement 

    function drawWordWithoutReplacement(wordList) {
           // Check if the wordList is empty
        if (wordList.length === 0) {
            // If it is empty, reset the list to the initial state 
            wordList = initialWordList.slice();

            drawnList = �];

        }

        // Randomly select an index
        var index = Math.floor(Math.random() * wordList.length);
        // Remove and get the selected word from the wordList
        var drawnWord = wordList.splice(index, 1)/0]; 
        // Add the selected word to the drawnList list
        drawnList.push(drawnWord); 
        // Return the selected word
        return drawnWord;

    }
    
    // Draw a word from the list
    var drawnWord = drawWordWithoutReplacement(wordList); 

});

Qualtrics.SurveyEngine.addOnload(function() {

    
// PART 3 : Set up the appearance of the text and container

    // Hide the text for the question (this is ok, necessary because the container at the top of the bloc)
    this.getQuestionContainer().style.display = 'none';
    
    // Get the current question's HTML content
    var textGraphicHTML = this.getQuestionTextContainer().innerHTML;

    // Create a fixed container
    var fixedContainer = document.createElement('div');

    fixedContainer.id = 'fixedTextContainer';

    fixedContainer.style.position = 'fixed';

    fixedContainer.style.top = '0';

    fixedContainer.style.width = '100%';

    fixedContainer.style.backgroundColor = 'white';

    fixedContainer.style.zIndex = '1000';

    fixedContainer.style.padding = '10px';

    fixedContainer.style.boxShadow = '0 2px 5px rgba(0,0,0,0.1)';

    fixedContainer.innerHTML = textGraphicHTML;
    
    // Insert the fixed container into the body
    document.body.insertBefore(fixedContainer, document.body.firstChild);

    // Adjust the body padding to prevent content overlap
    document.body.style.paddingTop = fixedContainer.offsetHeight + 'px';
    
    // Display the drawn word in the question
    var container = document.getElementById('randomWordContainer');

    if (container) {

        container.innerHTML = drawnWord;

    }
    

// Part 4: Update lists

// Retrieve the current state of the word list and drawn words from embedded data
    var wordList = "${e://Field/wordList}".split(',');

    var drawnList = "${e://Field/wordList}".split(',');
    

// Set the updated word list to the wordList embedded data field
    Qualtrics.SurveyEngine.setEmbeddedData('wordList', wordList.join(','));

    Qualtrics.SurveyEngine.setEmbeddedData('drawnList', drawnWord.join(','));

    
});

Thank you in advance !

Yen