說明
前言
在設定一個畫面有不同顯示模式的時候,我運用renderUsersCard()這個函式去渲染(render)畫面,當時我需要解決的問題是:如何讓網頁在點選模式按鈕時,可以讓renderUsersCard()這個函式能夠「知道」我在點選哪個按鈕,於是可以判斷現在要渲染什麼樣子的畫面。
在製作電影搜尋功能時,除了對陣列進行操作並提取新陣列的資料去重新渲染,我想到的第二個方式是在欲搜尋的DOM物件上的classList加上display: none去達到一樣的效果。
這次的目標,除了搜尋功能外還要做體驗優化:在使用者使用關鍵字但未搜尋到電影時,要使用JS的alert提醒使用者並一樣出現全部電影清單。