Estoy agregando/eliminando una clase de la lista de clases de un elemento en función de la classList de una variable. Sin embargo, lo estoy haciendo en lo que parece ser una manera obtusa:
if (myConditionIsMet) { myEl.classList.add("myClass"); } else { myEl.classList.remove("myClass"); } ¿Hay alguna manera en la que pueda hacer esto más sexy y llamar dinámicamente a la función encadenada de add / remove , por ejemplo, con un operador condicional como:
myEl.classList.{myConditionIsMet ? add('myClass') : remove('myClass')};Lo anterior es pseudocódigo, por supuesto, y me gustaría JS lo más simple posible.
Tu pseudocódigo js
myEl.classList.{myConditionIsMet ? add('myClass') : remove('myClass')};se puede traducir a js real
myEl.classList[myConditionIsMet ? 'add' : 'remove']('myClass');que no es particularmente legible, pero hace exactamente lo que describiste.
Para facilitar la lectura, miraría el método de alternancia .