function eventSearcher(){
    var txt_search          =   document.querySelector('#txt_search')
    var btn_search          =   document.getElementById('search')
    var ul_result           =   document.querySelector('#ul_result')
    var txt_search_mobile   =   document.getElementById('search-mobile')
    var btn_search_mobile   =   document.getElementById('btn_search_mobile')
    var ul_result_mobile    =   document.getElementById('ul-mobile')
    // var interaction         =   document.getElementById('ul_result')

    txt_search.addEventListener('keyup', eventSearcher)
    txt_search_mobile.addEventListener('keyup', eventSearcherMobile)
    btn_search.addEventListener('click', eventClickItemText)
    btn_search_mobile.addEventListener('click', eventClickItemTextMobile)
    document.body.addEventListener("touchend", eventSearcherMobileTouchStart);

    var searcher = new Searcher(txt_search, 
        btn_search, ul_result)

    var searcher_mobile = new Searcher(txt_search_mobile, 
        btn_search_mobile, ul_result_mobile)
    function eventSearcher(e){
        if (e.code === 'Enter'){
            searcher.enterInput()
            document.querySelector('#searchListContainer').removeChild(document.getElementById("ul_result"))
            // document.querySelector('#ul_result').innerHTML=''
        }

        if (e.code !== 'ArrowUp' && e.code !== 'ArrowDown'){
            searcher.getSearch()
        }

    }

    function eventSearcherMobile(e){
        searcher_mobile.getSearch()
        if (e.keyCode === 13) {
            searcher_mobile.enterInput()
        }
    }

    function eventSearcherMobileTouchStart(e){
        if(e.which === 13){
            searcher_mobile.enterInput()
        }
    }
    

    function eventClickItemText(e){
        searcher.clickItemText()
        document.querySelector('#ul_result').innerHTML=''
    }

    function eventClickItemTextMobile(e){
        searcher_mobile.clickItemText()
        document.querySelector('#ul-mobile').innerHTML=''
    }
}