Need help!! I not sure how to aggregate radiobutton values

Ask the community
, ,
1

Hi, I’m trying to create a questionnaire that stores integer values from radio buttons embedded in a slider. The values are then combined and in the final slide, a button is clicked to display the average of the values stored in the database.

2

So something like:

let radioButtons = [$w("#radiButtonGroup1"), $w("#radioButtonGroup2")/*etc*/];
let totalCount = 0;
radioButtons.forEach(e => {
e.onChange((event) => {
let selected =  radioButtons.filter(o => o.valid);
totalCount = selected.reduce((a,c) => a + Number(c.value), 0)
})
})
//then assign the totalCount.toString() to your text element
3

Hi,

There are severals ways you can save your results by code, for examples:

  1. creating an array of objects, the key is the num question/num slide and the value is the answer.
  2. save the answers in wix-storage session.
    View this links about storage: https://www.wix.com/corvid/reference/wix-storage.html#memory

Best,
Sapir

4

Thank you! I’m not sure where to start in terms of modifying the text element. I assume it’s something along the lines of totalCount.toString(#text57) but obviously I cannot just throw in the id.

5

@danrbraine
$w(“#text1”).text = totalCount.toString();

Put all of the code above inside a $w.ready() function.

6

@jonatandor35 $w.onReady( function () {
$w(“#text57”).text = totalCount.toString();
};

I’m getting “unexpected token” ;

but I don’t think that’s the issue …

7

@danrbraine

$w.onReady( function () { 
 const radioButtons = [$w("#radioButtonGroup1"),  $w("#radioButtonGroup2")/*etc*/];
 let totalCount = 0;
 radioButtons.forEach(e => {
  e.onChange((event) => {
   let selected = radioButtons.filter(o => o.valid);
   totalCount = selected.reduce((a,c) => a + Number(c.value), 0);
  $w("#text57").text =  totalCount.toString(); 
  })
 })
})

It will update the text every time a value is selected

8

@jonatandor35 You’re a life saver! Thank you.

9

@danrbraine You’re welcome :slight_smile:

10

Sorry. I thought you were looking for a sum. Now I see you’re looking for an average, so you need to make a small change:

$w.onReady( function () { 
 const radioButtons = [$w("#radioButtonGroup1"),  $w("#radioButtonGroup2")/*etc*/];
 let averageVal = 0;
 radioButtons.forEach(e => {
  e.onChange((event) => {
   let selected = radioButtons.filter(o => o.valid);
   averageVal = selected.reduce((a,c) => a + Number(c.value), 0)/selected.length;
  $w("#text57").text =  averageVal.toString(); 
  })
 })
})
11

@jonatandor35 Thank you!! I realised that, I worked out this bit on my own :slight_smile:

12

@jonatandor35 One more thing I promise. I want to output text depending on the result, I’m storing my result in “avg” and the average is working well. I would like to output a statement depending on the result they got like below. But it’s not actually modifying the value of the text field based on the result. Any ideas? :slight_smile:

if (avg < 50){
$w(“#text58”).text = “you got less than 50%”;
}

13

@danrbraine There’s no mistake in this line you’ve just posted. so the problem is somewhere else.

14

@jonatandor35

$w.onReady( function () {
const radioButtons = [$w(“#radioGroup1”), $w(“#radioGroup2”), $w(“#radioGroup3”), $w(“#radioGroup4”), $w(“#radioGroup5”), $w(“#radioGroup6”)];
let totalCount = 0;
radioButtons.forEach(e => {
e.onChange((event) => {
let selected = radioButtons.filter(o => o.valid);
totalCount = selected.reduce((a,c) => a + Number(c.value), 0);
let avg = Math.round(totalCount / radioButtons.length)+‘%’;
$w(“#text57”).text = avg.toString();
if (avg < 50){
$w(“#text58”).text = “you got less than 50%”;
}
})
})
})

15

@jonatandor35 Never mind, I found the issue, the problem was the string concatenation of % interfering with the value I was specifying. Thanks anyway! I promise that’s all. Appreciate your time.