Как отобразить вывод функции нескольких ползунков квалитрики в режиме реального времени?

Question

Мы с коллегой разрабатываем опрос, используя Qualtrics.На одной странице респонденты должны переместить ряд слайдеров.Нам нужно отобразить вывод функции значений ползунков на той же странице, в идеале также в виде другого ползунка.Все это должно быть сделано , в то время как респондент перемещает ползунки.

Конкретно предположим следующее:

value of slider 1 = 30;
value of slider 2 = 10;
value of slider 3 = 0

Output to be displayed = 30 x 20 + 10 x 5 + 0 x 15 = 650

, где 20, 5 и 15 просто произвольныконстанты в фоновом режиме.

Если бы пользователь переместил ползунок с 1 на 31, отображаемый вывод должен автоматически обновиться в реальном времени до 670.

Любой совет, как это сделать?Мы новички в квалификациях и совершенно неопытны в Java, поэтому будем очень благодарны всем, кто захочет предоставить нам рабочий код.Спасибо!

Answer 1

Обновление моего вопроса и разъяснение после получения комментария. Мы, конечно, не просили кого-то другого делать нашу работу. Просто для указателя в правильном направлении.

Основываясь на ответе на другой вопрос, мне удалось собрать этот javascript вместе. Это работает, что вселяет надежду .. Код следует.

Qualtrics.SurveyEngine.addOnReady(function()
{
    /*Place your JavaScript here to run when the page is fully displayed*/
var that=this.questionId;
   jQuery("<p style='width:100%'><br><strong> Output <span id='OUT'>0</span></strong>").insertAfter("table.sliderGrid");
    jQuery(document).on('change', function(){

        var firstslider=parseInt(jQuery("[id='"+that+"~1~result']").val());
        var secondslider=parseInt(jQuery("[id='"+that+"~2~result']").val());
        var N=firstlider+secondslider*2;
        jQuery("#OUT").text(N);
    });