const event_outcome = (function ($, window, jQuery) {
    return {
        "add_learning": function(learning) {
            $('#learning_outcome').append(`<li>${learning} <i class="fa fa-times-circle remove_learning"></i> </li>`)
            $('#apprendre').val('')
        },
        "format_learning": function () {
            let formattedLearning = []
            const trCount = $('#learning_outcome li')
            if(trCount.length>0) {
                for(let i=0; i<trCount.length; i++) {
                    formattedLearning.push($(trCount[i]).text())
                }
            }
            return JSON.stringify(formattedLearning)
        }
    }

})(jQuery, this)

$(document).ready(function() {
    $('#add_learning').on('click', function() {
        let learningInput = $('#apprendre')
        if(learningInput.val() === '') {
            learningInput.focus()
        } else {
            event_outcome.add_learning(learningInput.val()) 
        }
    })

    $('#learning_outcome').on('click', '.remove_learning', function () {
        $(this).closest('li').remove();
    });
})