Search in List

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>
    <!--<script src="search.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() {
        let targetValue = $('#searchText').val();
        let counter = 0;
        $('#towns').find('li').each((index, el) =>
        {
            if (el.textContent.includes(targetValue)) {
                $(el).css('font-weight', 'bold');
                counter++;
            }
        });

        $('#result').text(counter + ' matches found.')
    }
</script>
</body>
</html>