Delegation test

JS skill test

by vaxilart

HTML

<div class="list">
    <ul>
        <li>count: <span class="number">1</span> <button class="js-add">Add more</button></li>
    </ul>
</div>

JavaScript

$(function() {
  var $list = $('.list ul');
  $(document).on('click', '.js-add', function() {
    var $prev = $list.find('li').last();
    var count = Number($prev.find('.number').text());
    var $new = $prev.clone();
    
    count++;
    $new.find('.number').text( count );
    $list.append( $new );
  });
});