<div class='container'>
<button class='counter'>0</button>
<button class='counter'>1</button>
<button class='counter'>5</button>
<button class='counter'>8</button>
</div>
$('.counter').on('click', function(e) {
const oldValue = Number($(e.target).text()) || 0;
const newValue = oldValue + 1;
$(e.target).text(newValue);
if (newValue % 10 === 0) {
const $container = $('.container');
$container.html($container.html() + "<button class='counter'>0</button>");
}
});
External CSS
This Pen doesn't use any external CSS resources.