$(`.timeslot-time[data-start='${preselectedtime}']`) changed it adding with + in javascript

To change the value of the data-start attribute by adding + to the preselected time, the following code snippet can be used:

index.tsx
// get the element with preselectedtime data-start attribute
let timeSlot = $(`.timeslot-time[data-start='${preselectedtime}']`);

// get the value of data-start attribute
let startTime = timeSlot.attr('data-start');

// convert the string to integer
let startTimeInt = parseInt(startTime);

// add + to the start time
let newStartTime = startTimeInt + "+"; 

// set the value of data-start attribute to the new start time
timeSlot.attr('data-start', newStartTime);
466 chars
15 lines

Explanation:

• We start by selecting the element with the preselected time using jQuery $( ) function and the attribute selector [].
• We get the value of the data-start attribute using .attr( ) method.
• The parseInt( ) function is used to convert a string to an integer so that we can perform an arithmetic operation.
• We add + to the startTimeInt variable to create a new string with + appended to the value of data-start attribute.
• Finally, we set the data-start attribute to the new start time using .attr( ) method.