Hi Shubnam,

Yes, JS is used.

Hi Mukul,

The event is "OnParameterChange"

Here is the JS code used

Hi,

It is advised by OutSystems not to use jQuery ($). You could consider to refactor the code into vanilla javascript.

-- Daniel

Hi Naziya,

It looks like you are trying to add and remove a class from a div using js. could you update the js as:

for javascript1

ele = document.getElementById($parameters.dataid);

ele.classList.remove("selected-choice");

for javascript3

ele = document.getElementById($parameters.dataid);

ele.classList.add("selected-choice");

Regards,

I'm getting this error after changing the script.

check the div id that you are passing in the Js. it looks like the div is either not available at the screen/block or the value you the passing in the js i.e. div.id is empty. 

Hi @Naziya Anjum , 

Your original code in jQuery is not fetching the element by Id but fetching it based on the 'data-id' attribute value (at least it seems like it). 

I suggest following Daniel's advice and passing your jQuery code to vanilla JS, something along these lines: 

let elem = document.querySelector('[data-id="' + $parameters.dataid + '"]');

Then you can add the class X to your element by doing:

elem.classList.add('X');

---------------------------------------------------------------------------------------------------------------------

Take a look at the following example (adding class ABC to the element that has the attribute aria-hidden = "true"), adapt it to your case:

Cheers,

Paulo

Thankyou Paulo it worked :)