/whatsfordinner

使用javaScript + html + css + google Map API 製作簡易導航路線,尋找晚餐吃什麼.

Primary LanguageJavaScript

Google Maps 簡介 & 搜尋餐廳 & 餐廳資訊

Google Maps API

練習實作功能：

  1. 取得當前位置 (navigator.geolocation)
  2. 顯示地圖 (Map)
  3. 搜尋餐廳 (Autocomplete)
  4. 標註餐廳 (marker)
  5. 顯示餐廳資訊 (infoWindow)
  6. 取得開車路線 (directionsService)
  7. 顯示開車路線 (directionsRenderer)

Bootstrap 簡介 & 我的最愛 & 儲存

Bootstrap

練習實作功能：

  1. 套用 Bootstrap
  2. 顯示我的最愛列表
  3. 加入我的最愛 (localStorage)
  4. 從我的最愛移除 (localStorage)
  5. 儲存到瀏覽器 (localStorage)

WinWheel 簡介 & 製作抽籤輪盤

winwheel.js

練習實作功能：

  1. 顯示輪盤
  2. 更新輪盤
  3. 選轉輪盤
  4. 決定晚餐吃什麼！

source[https://www.youtube.com/playlist?list=PLFNjZ1ylEFmJ0QS0NuCrWmioV1tcaAEHu]