What is the best method to incorporate the score based on the value using survey.js?

Question

What is the best method to incorporate the score based on the value using survey.js?

I'm currently working on a Quiz that involves assigning a score based on the chosen option. Then, at the end of the quiz, the total scores are calculated based on the selected options. Here is the code snippet I am using: Html. (library. survey.ko.js)

<div id="surveyElement"></div>
<div id="result"></div>

Js

var json = {
     "title": "Quiz",
     "description": "Quiz Test",
     "pages": [
      {
       "name": "page1",
       "elements": [
    {
     "type": "radiogroup",
     "name": "LifeStyleQ11E1",
     "title": "Do you smoke?",
     "isRequired": true,
     "choices": [
      {
       "value": "SmokeYes",
       "text": "Yes",
       "score": 5
      },
      {
       "value": "SmokeNo",
       "text": "No",
       "score": 4
      }
     ]
    }
   ],
       "title": "Introduction",
       "maxTimeToFinish": 2
      },
      {
       "name": "page2",
       "elements": [
        {
         "type": "radiogroup",
     "name": "LifeStyleQ10E1",
     "title": "Do you suffer from back pain?",
     "isRequired": true,
     "choices": [
      {
       "value": "BackPainYes",
       "text": "Yes",
       "score": -4
      },
      {
       "value": "BackPainNo",
       "text": "No",
       "score": 5 //This score needs to be added for each question.
      }
       ],
       "title": "Introduction"
      }};
    var survey = new Survey.Model(json);

survey.onComplete.add(function(result) {
    document.querySelector('#result').innerHTML = "result: " + JSON.stringify(result.data); 
});

My goal is to accumulate the scores when an option is selected, and keep adding them until the end of the quiz. I noticed that the JSON result only displays the "value" but not the "score" element. Any ideas on how to solve this issue?

javascript arrays json surveyjs

Answer 1

Answer №1

This particular unit test extracted from the SurveyJS Library source code showcases precisely the scenario you are referring to - https://github.com/surveyjs/survey-library/blob/master/tests/surveytests.ts#L7266-L7594

QUnit.test(
  "custom fields in getPlainData - https://surveyjs.answerdesk.io/ticket/details/T1778",
  function (assert) {
    Serializer.addProperty("question", {
      name: "score:number",
    });

    Serializer.addProperty("itemvalue", {
      name: "score:number",
    });

    var q = new QuestionImagePickerModel(null);

    var survey = new SurveyModel({
      questions: [
        {
          type: "rating",
          name: "question11",
          score: 11,
        },
        // Other question objects here...
      ],
    });
    
    // Data assignments and calculations go here...

    var plainData = survey.getPlainData({
      calculations: [{ propertyName: "score" }],
    });
    // Assertions on the plain data structure go here...

    Serializer.removeProperty("question", "score");
    Serializer.removeProperty("itemvalue", "score");
  }
);

Answer 2

This particular unit test extracted from the SurveyJS Library source code showcases precisely the scenario you are referring to - https://github.com/surveyjs/survey-library/blob/master/tests/surveytests.ts#L7266-L7594

QUnit.test(
  "custom fields in getPlainData - https://surveyjs.answerdesk.io/ticket/details/T1778",
  function (assert) {
    Serializer.addProperty("question", {
      name: "score:number",
    });

    Serializer.addProperty("itemvalue", {
      name: "score:number",
    });

    var q = new QuestionImagePickerModel(null);

    var survey = new SurveyModel({
      questions: [
        {
          type: "rating",
          name: "question11",
          score: 11,
        },
        // Other question objects here...
      ],
    });
    
    // Data assignments and calculations go here...

    var plainData = survey.getPlainData({
      calculations: [{ propertyName: "score" }],
    });
    // Assertions on the plain data structure go here...

    Serializer.removeProperty("question", "score");
    Serializer.removeProperty("itemvalue", "score");
  }
);

What is the best method to incorporate the score based on the value using survey.js?

Answer №1

Similar questions

Measuring the number of distinct words within a given set of strings

Iterate through JSON and dynamically populate data

Seeking assistance with setting up checkboxes to sort through elements in an array

What is the best way to ensure form submissions in jQuery include non-empty inputs?

When a custom header is added, cookies are not included in cross-origin jQuery AJAX requests

Outputting data stored in Firestore object

Can JavaScript be used to determine if any code has been executed from the browser's console?

Refreshing a Datatable with an Ajax request: Step-by-step guide

Calling functions by name in Java using JSON objects

The vuex store does not activate in routed components

JavaScript function for exporting HTML table to Excel with the ability to choose the file name

Tips for arranging cards in a stacked position: To create a visually

I would appreciate your assistance with the hide button

Why does my JSON parser consume significantly more memory when utilizing the Streaming API?

Strategies for formatting JSON object key value pairs to display on individual lines

The dialogue box fails to appear when accessed from the dropdown menu shadcn

I need help showing the JSON data from the API in my Go application

The Reactstrap Input Module lacks a Value prop when using React ref

evaluating arrays of bytes

The function string.charAt() is returning a value of 0