Tengo dos botones con la misma identificación, pero la diferencia es que tienen un comando de datos único, el problema es que el primer botón hace clic bien, pero el segundo botón no responde.

 <li><button class="py-1 btn" id="command-btn" data-username=${ view.attributes.nick } data-command="kick">Kick</button></li> <li><button class="py-1 btn" id="command-btn" data-username=${ view.attributes.nick } data-command="ban">Ban</button></li> </ul> </div> `, ); document .querySelector(`[data-msgid="${view.id}"] #command-btn`) ?.addEventListener('click', (event: any) => { const username = event.target.dataset.username; const command = event.target.dataset.command; console.log(username, command); const textarea: any = document.querySelector('.chat-textarea'); const submitBtn: any = document.querySelector('.btn.send-button'); textarea.value = `/${command} ${username}`; submitBtn.click(); });

[data-msgid="${view.id}"] esto significa que cada div tiene una identificación única, de esa identificación única obtengo el botón exacto en el que se hizo clic,