Как сделать функцию js?

Question

[Алексей Иванов]

У меня есть 1 кнопка, при нажатии на которую div должен смещаться на 10px. то есть нажал на кнопку, сместился на 10px нажал еще на 10px сместился и так можно было нажать 10 раз а потом что бы ничего больше не происходило. Как такое реализовать?

Answer 1

[Super User]

var counter = 10;
document.querySelector('.my-btn').addEventListener('click', function( ev ) {
  ev.preventDefault();
  if(counter > 0) {
   document.querySelector('.my-div').style.transform = 'translateY(10px)';
   counter--;
  }  
}, false);