How to adjust Javascript Code for Constant Sum Question of Bar Type instead of Choices Type?

Question

Hi, I would like participants in a study to allocate 100 points between two participants (A and B). Points are converted into cents at different rates. With help, I now have a javascript code that works when the constant sum question is of Choices type. To make the question more intuitive, I'd like to change it to Bars type. However, all the formatting I had with the JS code gets messed up. Can you give me advice on how to change my JS code for a constant sum question of Bars type? Here is my code now: Qualtrics.SurveyEngine.addOnload(function() { var inputs = $(this.getQuestionContainer()).select('input[type="text"]'); $(inputs[0]).insert({after: '

\ \ \ points for PARTICIPANT A worth 1 cent each. \ She gets 0 cents. \ \

'}); $(inputs[1]).insert({after: '

\ \ \ points for PARTICIPANT B worth 2 cents each. \ She gets 0 cents. \ \

'}); $(inputs[2]).insert({after: ''}); $('QR~QID8~1').on('input', function () { input0 = $('QR~QID8~1').value; var inputsum0 = parseInt(input0); $('input1').innerHTML = ''; if ($('QR~QID8~1').value == '') { $('input1').insert(' \ points for PARTICIPANT A worth 1 cent each. \ She gets 0 cents. \ ' + ' '); } else { $('input1').insert(' \ points for PARTICIPANT A worth 1 cent each. \ She gets \ \ ' + (inputsum0 * 1).toFixed(0) + ' \ cents. \ \ '); } }) $('QR~QID8~2').on('input', function () { input1 = $('QR~QID8~2').value; var inputsum1 = parseInt(input1); $('input2').innerHTML = ''; if ($('QR~QID8~2').value == '') { $('input2').insert(' \ points for PARTICIPANT B worth 2 cents each. \ She gets 0 cents. \ \ ' + ' '); } else { $('input2').insert(' \ points for PARTICIPANT B worth 2 cents each. \ She gets \ \ ' + (inputsum1 * 2).toFixed(0) + ' \ cents. \ \ '); } }) }); Here are two images of how the question looks like (with Choices type and with Bars type) ! ! Any feedback would be really helpful! Thanks!

Anonymous · Accepted Answer

Hello @Marta ,The following code will work for "Constant sum" -> "Draggable Bars", with choices= 2.Paste the following code in the `js(OnReady)` of the Constant sum question. var that=this.questionId; jQuery("

0 points for PARTICIPANT A worth 1 cent each. She gets 0 cents

").insertBefore("tr.First"); jQuery("

0 points for PARTICIPANT B worth 2 cent each. She gets 0 cents

").insertAfter("tr.First"); jQuery(document).on('change', function(){ var A=parseInt(jQuery("[id='"+that+"~1~result']").val()); jQuery("#currA").text(A); jQuery("#totalA").text(A); var B=parseInt(jQuery("[id='"+that+"~2~result']").val()); jQuery("#currB").text(B); jQuery("#totalB").text(B*2); });Output:!If you want any further customization, feel free to post.

NiC · Answer

The code is to big to check out on the go you can contact @Shashi  he is quite good at CustomCode  :) .

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded