"On click this div do something to this array"

See more:

Javascript

New coder here I need help wording what i need so i can better understand what im trying to accomplish. I revised my question to try better explaining what im after!

The JavaScript code has an array of objects that gets iterated over to create a div for each index in the array myArray[i];
This function creates a div for each of the objects in the array and sets the id for each of the objects in that array from the object.name or object.id when i run the code

now the html has a container div with the (x) number of divs that were in the array.

Now What im trying to accomplish is if i now click on the div that was created dynamically how can i change Do something to the "myArray[i]" that was just clicked
it self

What I have tried:

what i have tired is using even.target to get the div thats clicked that works but its returning a dom element in the console so it event.target does tell me and i can do stuff with the html element but what i need is to wire that was clicked to the this.myArray[i] that was clicked

i have tried the getElementsByClassName and i get a html collection

i have tried the queryselectorAll i get a node list

so my question is what is the best way to wire an array of objects to an event click so that i can remove the div that was click from this array for example and Not from the dom but from the array



what i can do is move it to a different container or from the dom all together but cant seem to find a way to wire the html collection or nodelist direct to the array

Like do i need to iterate over the html collection or node list and set html collection or nodelist to = to the myArray[i]

sorry i have a hard time explaining anything in life :)
any direction would be appreciated!
i did not include my code as this is a question in direction two or 3 key words can easily lead me down the right path