Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Search in List</title>
- <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></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>
- </body>
- <script>
- function search() {
- let targetText = $('#searchText').val();
- let lis = $(`li:contains(${targetText})`).css('font-weight', 'bold');
- $('#result').text(lis.length + ' matches found.');
- }
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement