Как назначить обработчик действия onclick в js для нескольких элементов так что бы this элемент работал

Question

В этом коде видно что я назначаю обработчик onclick для троих элементов в файле skript.js:

vb.onclick = function menuclc;
vs.onclick = function menuclc;
va.onclick = function menuclc;
au.onclick = function menuclc;

function menuclc() {
  elem = document.querySelector('#name');
  elem.textContent = this.textContent;
};

Помогите пожалуйста! Код должен знать какой элемент я нажал

Answer 1

"для троих" - не для четверых?

vb.onclick = menuclc;
...

Answer 2

//vb - element 
//vs - element 
//va - element 
//au - element 

va.addEventListener('click', function() { 
  this.textContent = 'textContent';
}) 

vs.addEventListener('click', function() { 
  this.textContent = 'textContent';
}) 

va.addEventListener('click', function() { 
  this.textContent = 'textContent';
})  

au.addEventListener('click', function() { 
  this.textContent = 'textContent';
})  

//Если это nodeList. 
for (const element of nodeList) { 
  element.addEventListener('click', function() { 
    this.textContent = 'textContent';
  })  
}  

//В цикле. 
for (let i = 0; i<nodeList.length; i++) { 
  nodeList[i].addEventListener('click', function() { 
    this.textContent = 'textContent';
  })  
}

БЛОГ НА HUSL

Как назначить обработчик действия onclick в js для нескольких элементов так что бы this элемент работал

Ответы (2 шт):