國立中央大學-機械系 電腦網路及程式課上機考試 2025/10/9


請考生forkEXAM#1-frontend專案成自己的repository,git clone至你自己的電腦上進行作答,同樣完成一部分就要進行commit,最後作答完畢再將自己的GitHub連結上傳至eeclass。

截圖 2025-10-05 下午3.22.03.png

<aside> 💡

  1. 根據以下要求,補齊HTML、CSS、JavaScript部分。
  2. 僅限在指定註解範圍內作答,嚴禁修改已提供的程式碼(JS-DebugPart除外)。
  3. 可以 ctrl/cmd + f 搜尋「TODO」來檢索作答區。
  4. 總共兩題,每一題前面都比較簡單,時間不夠時建議先把兩題前面的部分寫完。 </aside>

第一題 - 碼表計時器(佔總成績2%)

本題要完成一個結合 「指針式碼表計時器」 與 「電子數位計時器」 的應用。

因計時器應用設計為手機版本,在網頁按下鍵盤按鍵f12或滑鼠右鍵點擊檢查來查看手機版本的網頁。

手機版本的網頁範例圖

手機版本的網頁範例圖

主要功能如下:

兩種顯示模式

控制按鈕

分圈紀錄(Lap)

完整範例影片:

螢幕錄影 2025-10-05 凌晨1.30.25.mov

HTML(40%)

請與下方範例影片比較,在指定作答區只增加一行程式碼補齊缺少的小圓點(用來提示目前頁面)。

螢幕錄影 2025-10-05 凌晨1.27.38.mov