Счетчик для кнопок
Всем привет. Есть функция счетчик:
function makeCounter() { var currentCount = 1; return function() { return currentCount++; }; } Есть определенное кол-во кнопок на странице (например 3): <button>0</button> <button>0</button> <button>0</button> Необходимо по клику на кнопку увеличивать содержимое кнопок на единицу, но не изменяя саму функцию-счетчик. Вызывать обработчик получается, но как правильно передать результат функции в содержимое кнопок? Помогите плз)) |
gunner17,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <script> document.addEventListener( "DOMContentLoaded" , function() { const on = (parent, event, selector, fn) => parent.addEventListener(event, ({target}) => { if(target = target.closest(selector)) fn(target) }); function makeCounter() { let currentCount = 1; return function() { return currentCount++; }; } const counter = el => { if(!el.Counter) el.Counter = makeCounter(); el.textContent = el.Counter(); }; on(document, "click", "button", counter); }); </script> </head> <body> <button>0</button> <button>0</button> <button>0</button> </body> </html> |
|
Часовой пояс GMT +3, время: 09:26. |