Java script and embedded data

Question

Dear all, I have just started designing a questionnaire in qualtrics using javascript. I am trying to capture consumers weekly basket food shopping. However, I am a bit lost as the responses are not being registered. I am afraid I am doing something worng with the way I am adding the question. I am explaining the approach for one food category, bakery. My approach has been this: 1. I created a question for each product category (ex. bakery, fruit. As mentioned I will give you only the example for bakery as it is the same logic for the rest) 2. I have 5 products under the bakery category. 3. I created a question in qualtrics as text and in the html view I added the following script:

Available Items

Farm house bread - £4.25/kg
Loaf of bread - £2.10/kg
Ciabatta - £1.85/kg
Croissant - £3.99/kg
Pain au chocolat - £5.22/kg

Shopping Basket

Total Price: £0.00

Under the "Question Behaviour" I selected JavaScript and I added the following code: var basket = []; Qualtrics.SurveyEngine.addOnload(function () { function addItem(itemId, itemName, itemPrice) { var newItem = { id: itemId, name: itemName, price: itemPrice }; basket.push(newItem); updateBasket(); } function removeItem(itemId) { var indexToRemove = basket.findIndex(item => item.id === itemId); if (indexToRemove !== -1) { basket.splice(indexToRemove, 1); updateBasket(); } } function updateBasket() { var basketList = document.getElementById('basket-items'); var totalPriceElement = document.getElementById('total-price'); var totalPrice = 0; basketList.innerHTML = ''; basket.forEach(function (item) { var listItem = document.createElement('li'); listItem.textContent = `${item.name} - £${item.price.toFixed(2)}`; var removeButton = document.createElement('button'); removeButton.textContent = 'Remove'; removeButton.onclick = function () { removeItem(item.id); }; listItem.appendChild(removeButton); basketList.appendChild(listItem); totalPrice += item.price; }); totalPriceElement.textContent = totalPrice.toFixed(2); } function clearBasket() { // Clear the basket and update the display basket = []; updateBasket(); }});Qualtrics.SurveyEngine.addOnReady(function () { var embeddedData = {}; for (var i = 1; i <= 5; i++) { var selected = basket.find(item => item.id === i); if (selected) { embeddedData[`selected_${i}_name`] = selected.name; embeddedData[`selected_${i}_price`] = selected.price.toFixed(2); } else { embeddedData[`selected_${i}_name`] = ''; embeddedData[`selected_${i}_price`] = ''; } }function clearBasket() { // Clear the basket and update the display basket = []; updateBasket(); }});Qualtrics.SurveyEngine.addOnUnload(function () { Qualtrics.SurveyEngine.setEmbeddedData(embeddedData); function clearBasket() { basket = []; updateBasket(); }}); 5. In qualtrics survey flow I created embedded data to capture the name of the product and the price that corresponds to each product:selected_1_name = Value will be set from Panel or URL.selected_1_price = Value will be set from Panel or URL.untilselected_5_name = Value will be set from Panel or URL.selected_5_price = Value will be set from Panel or URL.6. The embedded data were placed before the block contanining the bakery question.What have I donw wrong? The responses are not being registered.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded