[程式碼&DEMO] [HackMD完整筆記]
製作搜尋即時顯示相關效果
step1.
已有建立了一個城市的.json清單，建一個空的陣列cities並透過fetch來取得json資料存進去。
step2.
建立function findMatches(wordToMatch, cities),裡面建立了一個RegExp用於match進行字串比對。
step3.
addEventListener監測輸入框的change&keyup。
每次鍵盤輸入觸發displeyMatches()，去比對，把比對結果用map去return組合的HTML的資料。
iThome鐵人賽
看影片追技術