鐵人檔案
之前一直想嘗試看看 JavaScript30，但在開始前就踏入 React 的世界。
這次決定藉由鐵人賽來用 React 玩 JavaScript30，雖然不知道用框架實作是否很多餘，不過就當作是給自己這 30 天的挑戰，也是個將過程分享出來的機會，就請多多指教惹！
Day21 要來做個羅盤 資料 const [geolocation, setGeolocation] = useState<Geolocation&...
Day22 要來做的是可以根據滑鼠滑過去就出現背景色的螢光筆 資料 const [highlightStyle, setHighlightStyle] =...
Day23 要做的是將輸入的文字轉為聲音 資料 const MESSAGE = "Hello!"; const [text, setT...
Day24 要做的是將導覽列黏到畫面最上方的功能 定位屬性 sticky <nav className="sticky top-0 bg-w...
Day25 主要聚焦於 JavaScript 中的各種事件處理，就讓我們寫個按鈕與互動畫面來觀察ㄅ 資料 const colorMap: ColorMapTyp...
Day26 要來做個有下拉選單的導覽列 資料 const navItems: NavItem[] = [ { name: "About"...
Day27 要來做個可以左右拖曳的目錄 資料 const items: number[] = Array.from({ length: 25 }, (_, i)...
Day28 要來做個影片速度的控制器 資料 const VIDEO_URL = "https://github.com/wesbos/JavaSc...
Day29 要來做個倒數計時器 Custom Hook function useTimer(initialTime: number): TimerHook {...
Day30 要來寫個打地鼠的小遊戲 資料 const MOLE_IMAGE_URL = "https://raw.githubuserconten...
