function domSearch(selector,bool) {
    let container = $(selector);
    let lasDiv = $('#content');
    container.addClass('items-controls')

    let firstDiv = $('<div class="add-controls"></div>').appendTo(container);
    let firstLabel = $('<label>Enter Text: </label>').appendTo(firstDiv);
    $('<input type="text">').appendTo(firstLabel);
    let add = $('<a class="button" style="display: inline-block">Add</a>').appendTo(firstDiv)

    let searchDiv = $('<div class="search-controls"></div>').appendTo(container);
    let secondLabel = $('<label>Search: </label>').appendTo(searchDiv);
    let searchInput = $('<input type="text">').appendTo(secondLabel)

    let resultDiv = $('<div></div>').appendTo(container)
    resultDiv.addClass('result-controls')
    let ulList = $('<ul></ul>').appendTo(resultDiv)
    ulList.addClass('item-list')


    add.on('click', function () {
        let inputVal = $('input:first').val()
        let li = $('<li class="list-item"></li>').appendTo(ulList)
        let item = $(`<a class="button">X</a><strong>${inputVal}</strong>`).appendTo(li)
    })

    searchInput.on('change', function () {
        let searchVal = searchInput.val();
        $('li').each(function (ind,el) {

            if(el.innerText === searchVal){
                $('li:nth-of-type(' + (ind + 1) +')').show()
                return;
            }
            $('li:nth-of-type(' + (ind + 1) + ')').hide();
        })

    })
}