once parameter for events

[eckeriaue]

I tried to perform a loader mapping to upload images as follows:

<span>
    <img
        data-script="on load remove the next <span#loader/>"
        src="link to any photo"
    >
    <span id="loader"  />
 </span>

but the problem is that when the src attribute is changed, the load event fires again. Although the #loader element has already been removed from dom.

<span>
    <img
        data-script="on load remove the next <span#loader/>"
        src="link to any photo"
    >
    <span id="loader"  />
 </span>
    
    
    <script> setTimeout(() => {
      document.querySelector`img`.src = `any other photo reference`
    }, 1000) </script>

I think some modifier is required here to solve the problem, but I haven't found anything in the documentation

this is the only way I've been able to solve the problem so far. But I am confused that the event is not removed from the dom element

            on load
            if the next <span#loader />
                remove the next <span#loader/>
            end