tengo el siguiente código:
const elements = [].slice.call(document.querySelectorAll('.especiales'));
elements.forEach(function(element) {
element.addEventListener('mouseout', function(e) {
elements.forEach(function(element) {
element.style.color = 'black';
});
});
element.addEventListener('mouseenter', function(e) {
const value = this.innerText;
elements.filter(function(element) {
return element.innerText === value;
}).forEach(function(element) {
element.style.color = 'red';
});
});
});
que básicamente lo que hace, es cambiar el color del número contenido en un elemento determinado con una clase css, al hacer hover cambia de color el número contenido y todos los números iguales.
Lo que necesito añadir, es que al hacer click se queden fijos en un color diferente, por ejemplo azul, y si vuelvo a clicar que cambie a verde.
A ver si alguien puede echarme una mano.
Un saludo.