Un poco básico, no pude encontrar exactamente lo que buscaba en Stack/Google.
Usando javascript de vainilla, estoy buscando simplemente alternar una clase en los elementos .barBtn a continuación, específicamente en el que hago clic.
Ejemplo de violín JS: https://jsfiddle.net/t376kL4q/
<div class="container"> <div class="btnBar"> <div class="barBtn">Wishlist</div> <div class="barBtn">Collection</div> <div class="barBtn">Info</div> </div> </div> <div class="container"> <div class="btnBar"> <div class="barBtn">Wishlist</div> <div class="barBtn">Collection</div> <div class="barBtn">Info</div> </div> </div>He intentado adaptar el código de otros que se encuentra en Stack/Google, por ejemplo, este que he JSFiddle'd: https://jsfiddle.net/5rmqucj3/
donde cambié
document.getElementById("mytarget").a
document.GetElementsByClassName("mytrigger").(o incluso ' querySelector ') ... pero no estoy seguro de cómo apuntar correctamente al elemento de clase específico en el que hago clic.
Si lo anterior (segundo enlace) es o no la mejor manera de abordar el JS de esto, no estoy seguro, pero generalmente solo después de una forma limpia/simple de lograr esto.
Cualquier ayuda sería muy apreciada.
Gracias
necesitas esto
var navclick = document.getElementsByClassName("mytrigger"); for (var i = 0; i < navclick.length; i++) { navclick[i].onclick = function(e) { this.classList.toggle('myactive'); } } .myactive { background-color: blue; color: white; } <button class="mytrigger">Button </button> <div id="mytarget"> <p>Hello</p> </div> <button class="mytrigger">Button </button>