2.Search in List

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.1.1.min.js"></script>
</head>
<body>
<ul id="towns">
    <li>Sofia</li>
    <li>Pleven</li>
    <li>Varna</li>
    <li>Plovdiv</li>
</ul>
<input type="text" id="searchText"/>
<button onclick="search()">Search</button>
<div id="result"></div>
<script>
    function search() {
        return function () {
            let ul = $('#towns li').toArray();
            let searchText = $('#searchText').val();
            let counter = 0;
            for (let li of ul) {
            if ($("li:contains(searchText)")) {
                $(li).css('font-weight', 'bold');
            }
            else{
                $(li).css('font-weight', '');
            }
            $('#result').text(counter + " matches found.");

        }
    }

</script>
</body>
</html>