Este es mi código, los botones se crean dinámicamente
<button class="same_name" onclick='myfunction()'>button name</button> <button class="same_name" onclick='myfunction()'>button name</button> <button class="same_name" onclick='myfunction()'>button name</button> <button class="same_name" onclick='myfunction()'>button name</button>y quiero agregar una clase al botón en el que hice clic
function myfunction() { $(this).addClass("active"); }Si está utilizando jQuery y está agregando los botones dinámicamente, elimine el JS en línea y use la delegación de eventos para adjuntar un oyente a un contenedor principal para ver eventos de sus same_name del mismo nombre, y luego agregue una clase para eso botón pulsado. (Estoy usando toggleClass en este ejemplo).
$(document).on('click', '.same_name', function () { $(this).toggleClass('active'); }); .active { color: red; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class="same_name">button 1</button> <button class="same_name">button 2</button> <button class="same_name">button 3</button> <button class="same_name">button 4</button>La solución de Andy es la correcta. Si desea rodar con su propia solución, simplemente pase el evento a la función.
function myfunction(event){ let eTar = event.target $(eTar).addClass("active"); } .active { color: red; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class="same_name" onclick='myfunction(event)'>button name</button> <button class="same_name" onclick='myfunction(event)'>button name</button> <button class="same_name" onclick='myfunction(event)'>button name</button> <button class="same_name" onclick='myfunction(event)'>button name</button>Aquí está la respuesta de Vanilla JS (jQuery no es necesario en absoluto, para casi nada en 2022):
document.addEventListener('click', function ({target}) { if (target.matches('button.same_name')) target.classList.add('active'); }); .active { color: red; } <button class="same_name">button 1</button> <button class="same_name">button 2</button> <button class="same_name">button 3</button> <button class="same_name">button 4</button>