How to trigger an event (together) in JavaScript?

February 13, 2022

i have created an EventListener for each button but i have button generation all and i need to call all events at once.I tried to put everything inside a function, but I don’t know how to activate all events.
I would be very grateful for any help

>Solution :

You can just call HTMLElement.click() on everyelement to simulate the click on every element. You can read more about it here: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

buttonAll.addEventListener('click', ()=> {
    nameButton.click();
    balanceButton.click();
    ageButton.click();
    documentButton.click();
    levelButton.click();
    buttonClear.click();
})

if the list can grow then you might want to group the elements in an array to keep the function short

let buttonAllTargets = [
    nameButton,
    balanceButton,
    ageButton,
    documentButton,
    levelButton,
    buttonClear
];

buttonAllTargets.forEach(element => element.click());
buttonAll.addEventListener('click', ()=> {
    buttonAllTargets.forEach(element => element.click());
})