JS Class toggle

Kaip galima būtu optimaliau parašyti nesikartojant:

menuButton.addEventListener('click', function (e) {
   menuButton.classList.toggle('is-active');
   e.preventDefault();
});

menuButtonText.addEventListener('click', function (e) {
   menuButton.classList.toggle('is-active');
   e.preventDefault();
});

Selektina pagal ID:

var menuButton = document.getElementById('menu-button');
var menuButtonText = document.getElementById('menu-button-text');

Tas menuButton tai SPAN yra, klausimas čia nekeičiant HTMl struktūros kaip padaryti.

Sukurk funkcija, kuri priimtu argumenta - id.

function manoFunkc(var id){ id.addActionListener... }

Galvojau galima kažkaip į addEventListener paduoti kokį array selectoriu.

Galvojau galima kažkaip į addEventListener paduoti kokį array selectoriu.

Tai dek tas pacias klases, jeigu jau naudosi id tada negali deti i kleis divus

https://jsfiddle.net/mashmvb9/

[menuButton, menuButtonText].forEach(function(item, i, arr) {
 item.addEventListener('click', function (e) {
     menuButton.classList.toggle('is-active');
     e.preventDefault();
 });
});

Su EcmaScript 6:

for (let element of [menuButton, menuButtonText]) {
 element.onclick = e => {
     menuButton.classList.toggle('is-active');
     e.preventDefault();
 }
}