Re: [閒聊] 近況 + JavaScript

作者: laechan (揮淚斬馬雲)   2021-11-12 14:38:17
電影板有人貼了 disney+ 的片單整理
│ 文章代碼(AID): #1XZUKS7B (movie) [ptt.cc] [討論] Disney+台灣片單11/12 │
│ 文章網址: https://www.ptt.cc/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

Links booklink

Contact Us: admin [ a t ] ucptt.com