Pereiti prie turinio

Rekomenduojami pranešimai

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.

Redagavo Prodev
Nuoroda į pranešimą
Dalintis kituose puslapiuose

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();
 }
}

Redagavo arturasryn
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Sukurti naują...