Просьба написать комментарии к JS-коду [закрыт]

143

27 июля 2019, 18:10

Скинули скрипт, но без комментариев не понятно как он работает. Просьба сделать комментарии.

<button id="counter">Нажми на меня</button>
<script>
var b1 = document.getElementById('counter'), 
clicks = {}; 
function click(e) { 
  var id = e.target.id;
  if (!clicks[id])
    clicks[id] = 0;
    clicks[id]++;
    e.target.textContent = clicks[id];
}
b1.addEventListener('click', click);
</script>

Answer 1

Вас заминусовали, прискорбно, вот возможные комментарии)

//Кнопка
<button id="counter">Нажми на меня</button>
<script>
//получаем элемент с id="counter"
var b1 = document.getElementById('counter'),
//пустой объект в котором собираются или клики или кликнутые элементы 
clicks = {}; 
// функция вызываемая при клике на кнопке с id="counter"
function click(e) { 
//показывает на каком элементе сделан клик е(это событие объект Jquery.target, его метод)
  var id = e.target.id;
//если  не кликали то id = 0, и записи в объект(clicks) не происходит;
  if (!clicks[id])
    clicks[id] = 0;
//инкремент
    clicks[id]++;
//Вывод названия(контента) кликнутого элемента
    e.target.textContent = clicks[id];
}
// вешаем событие и вызываем ф-ию click
b1.addEventListener('click', click);
</script>