How to access all items in onEnd option

[lukaszokaj]

Sorts divs with input type file. These inputs have their own unique names (image_1,image_2, image_3). After sorting(onEnd), I would like to loop through each one and rename them so that from right to left they are image_1, image_2, image_3, because the order is important as image_1 will be the main image. How to get to the list of items?

[jrief]

1. Add an event handler for the onChange event.
2. Add this code into that handler:

document.querySelectorAll('#my-sortable-element input[type="file"]).forEach((element, counter) => {
    element.setAttribute('name', `image_${counter + 1}`);
});