作者laechan (揮淚斬馬雲)
看板mud_sanc
標題Re: [閒聊] 近況 + JavaScript
時間Fri Nov 12 14:38:17 2021
電影板有人貼了 disney+ 的片單整理
│ 文章代碼(AID):
#1XZUKS7B (movie) [ptt.cc] [討論] Disney+台灣片單11/12 │
│ 文章網址:
https://webptt.com/m.aspx?n=bbs/movie/M.1636689180.A.1CB.html
這個用 javascript 就可以寫簡易的查詢網頁
https://sites.google.com/view/disneyplusearch
原始碼
https://gist.github.com/laechan/52731fa8fd83cc7655236af5cd2fff83
利用 <pre>...</pre> 去暫存片單,然後透過
document.getElementById("movies").innerHTML 及
document.getElementById("programs").innerHTML
就能讀取到電影及戲劇的片單,讀出來的東西其分行符號是 "\n"
接著利用 <input> 標籤可給予 oninput event 的特性去做關鍵字
搜尋的功能即可。
sanc 的資料很多都是分散的,假設把這些分散資料視為一個一個
的檔案,那只要用多個 <pre> 去儲存這些資料,即資料與code都
包在同一個 .htm 檔內,就可以實現在網頁內直接讀取這些資料做
處理,而不用另外寫讀取檔案的程式段。
而在日常生活上的應用就如上,寫這個不用 30 分鐘。
LAechan
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.33.66.104 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/mud_sanc/M.1636699100.A.566.html
1F:推 dontpkme : 推推 11/13 18:46