Soy un principiante, así que no se burlen demasiado de mí, pero tengo problemas para hacer que los botones separados reaccionen cuando se hace clic en ellos. El código actual que he escrito atenuará todos los botones cuando haga clic en solo uno de ellos. El problema es que tengo 4 botones y quiero que todos sean independientes, pero no quiero escribir el mismo código 4 veces para cada uno de ellos.

Aquí está mi HTML:

 <div type="button" id="green" class="btn green"> </div> <div type="button" id="red" class="btn red"> </div> </div> <div class="row"> <div type="button" id="yellow" class="btn yellow"> </div> <div type="button" id="blue" class="btn blue"> </div> </div>

Aquí está mi código jQuery:

 let buttonDim = function(){ $(".btn").on("click", function(){ $(".btn").addClass("pressed"); setTimeout(function(){ $(".btn").removeClass("pressed"); }, 100); }); } buttonDim();

Soy consciente de que probablemente he escrito el código ridículamente más largo de lo necesario, pero todavía estoy aprendiendo. Cualquier ayuda será enormemente apreciada, gracias.