Fix line #24

'use strict';

$(function () {
    $('#js-shopping-list-form').submit(
        function (event) {
            event.preventDefault();
            const targetItem = $('#shopping-list-entry').val();
            const listItemTemplate = (`<li> 
                                        <span class="shopping-item">
                                        ${targetItem}
                                        </span>
                                        <div class="shopping-item-controls">
                                        <button class="shopping-item-toggle">
                                        <span class="button-label">check</span>
                                        </button>
                                        <button class="shopping-item-delete">
                                        <span class="button-label">delete</span>
                                        </button>
                                        </div>
                                        </li>`)

            $('.shopping-list').append(listItemTemplate);
        }
        //,$('#js-shopping-list-form').empty());
    )
});

$('.shopping-item-toggle').on('click', function () {
    event.preventDefault();
    $('.shoppingItem').toggle(function () {
        (this).css({ 'text-decoration': 'line-through' });
    });
}

    //when we click the "delete" we want to remove the entire related <li> 

    , $('.shopping-item-delete').on('click', function () {
        event.preventDefault();
        $(this).closest("li").remove();
    }));