1. 取得輸入框的字串
2. 大小寫處理
toLowerCase() MDN:把字串轉成小寫。我們希望這個搜尋功能是大小寫不敏感的,所以一律把拿到的值都轉成小寫,方便之後比對。toLowerCase() MDN:把字串轉成小寫。我們希望這個搜尋功能是大小寫不敏感的,所以一律把拿到的值都轉成小寫,方便之後比對。
3. 去除字串前後空白
trim() MDN:把字串頭尾空格去掉。若使用者不小心輸入一堆空白送出,也會被視為沒有輸入東西,而收到警告訊息。
4. 比對字串
如果要查詢某一字串中是否包含特定字串,可以使用 includes 這個方法,只要某一字串內的包含特定字串內容時,就會得到 true,否則得到 false。includes會區分大小寫。