Memory Blocks Home Work2 - Flip Image(翻圖片)

Note

以下內容為當時課堂中，教授提供的專案說明，其中包含課程的專屬內容

The following is a description of the project provided by the professor in the classroom at that time, which includes course-specific content

上傳格式說明：【請依照格式要求上傳繳交，不符合規格一律視為未上傳】

請將你在 codepen 中完成的檔案 Export, and Download 在自己的電腦中，解壓縮，並找到 dist 的資料夾，index.html 內的 <title>，將其內容改為 <title>學號_姓名</title>，然後壓縮該資料夾（內部應有三個檔案 index.html, script.js, style.css）存成姓名.zip 上傳到數位學習平台上

作業內容說明

• 基本 (60%)
  1. 請寫一個 4*4 的翻圖片記憶遊戲
  2. 一開始先把所有的圖片呈現給使用者，並設定時間，在時間到時開始進入遊戲，由使用者根據剛剛的記憶翻找
  3. 當翻錯配對的圖片時，則出現錯誤的音訊（你可以自己設定，或使用我們上所教授的內容），當正確時則出現正確的音訊
• 進階
  1. 所有的進階部分需要利用 level 的呈現，讓使用者知道目前自己已經進行到第幾個關卡 (10%)
  2. 縮短圖片呈現給使用者看的時間 (10%)
  3. 增加 blocks 的個數 (4*4 -> 6*6) (30%)