Como agregar un class="activate" a un tag al dar click en una opción?

Question

Tengo en una página botones, y que al darle click en un botón, este se resalte (sé que se tiene que colocar la sentencia class="activate" para que suceda eso). Pero no sé hacerlo que funcione esto en ejecución.
Pdta. Al hacer click en otro botón este se resalta y el anterior (el que estaba resaltado) vuelve a su estado normal.
Me parece que se puede hacer con JavaScript o JQuery

Answer 1

Ah! Ya te entendí, querés que se mantenga el estilo, en ese caso probá con focusin() y focusout(), ya actualicé el código para que lo probés :)

Answer 2

Luiggi qué tal? :) con JQuery y CSS podés hacerlo utilizando los métodos hover(), addClass() y removeClass() juntos, te dejo mi código de ejemplo: https://code.sololearn.com/WIqu054XVSkk/?ref=app

// JQuery
 $("button").hover(function(){
         $(this).addClass("active");
     }, function(){
         $(this).removeClass("active");
     });

/* CSS */
.active {
     background-color: #ffec8b;
}

Podés hacerlo aún más simple sólo con CSS con la propiedad :hover o :active, por ejemplo:

/* CSS */
button:hover {
     background-color: #9ac1ff;
}

Answer 3

No hay problema. Gracias de todos modos :D

Answer 4

Hola, Paola. Revise tu código y solamente sirve cuando se pasa por encima el cursor y no cuando se da click. De todas maneras, gracias por el aporte, me dio una idea de como hacerlo ;).

Answer 5

Bien! ahora si, muchas gracias por el tiempo =D.

Answer 6

Te pido perdon, hablo espanol pero no JavaScript, y Jquery...