請用 HTML + CSS + JavaScript 幫我做一個互動小遊戲:
遊戲類型:[猜謎問答 / 記憶配對 / 填空挑戰]
主題:[例:台灣景點 / 台語歌曲 / 家鄉美食 / 節氣知識]
題目數量:5 題
要求:
- 每題有 4 個選項,答對顯示鼓勵,答錯顯示正確答案
- 最後顯示分數和一句鼓勵的話
- 畫面要好看,文字夠大,適合長輩使用
- 不需要任何外部連結,全部自己完成
請用 HTML + CSS + JavaScript 做一個台灣景點猜謎遊戲,5 題 4 選 1。
包含九份、日月潭、太魯閣、墾丁、阿里山等景點。
答對時顯示該景點特色一句話,最後給分數和評語。
字體大、顏色好看、適合長輩使用。
請用 HTML + CSS + JavaScript 做一個台語老歌猜謎遊戲。
玩法:顯示歌詞的一段,猜歌名(4 選 1)。
歌曲:愛拼才會贏、望春風、港都夜雨、黃昏的故鄉、燒肉粽。
溫暖懷舊的橘色配色,字體大,答對時顯示歌曲年代。
請用 HTML + CSS + JavaScript 做一個台灣美食知識問答遊戲,5 題 4 選 1。
題目:珍珠奶茶發源於哪個城市?台南最有名的早餐是什麼?
用食物的暖色系(橘、黃、紅),字體大,答對時給有趣反應。
最後根據分數給「美食達人」等級評語。
請用 HTML + CSS + JavaScript 做一個節氣養生知識遊戲,5 題 4 選 1。
題目:冬至要吃什麼?清明節習俗是?夏至養生重點是?
清新綠色系配色,答對後說明該節氣的養生小知識。字體清楚易讀。
請用 HTML + CSS + JavaScript 做一個成語配對記憶遊戲。
畫面有 12 張翻面的牌(6 對),點開兩張配對成功就消除。
成語:守株待兔、亡羊補牢、畫蛇添足、半途而廢、一石二鳥、坐井觀天。
要有翻牌動畫,顯示翻牌次數,完成後顯示花樣慶祝效果。
請用 HTML + CSS + JavaScript 做一個台語詞彙趣味遊戲,5 題 4 選 1。
玩法:顯示台語詞彙,猜華語意思。
詞彙:蓋勢、揣無、足讚、歹勢、橋(口語義)。
活潑藍綠色系,答對後顯示該詞的例句,勾起童年記憶。
請用 HTML + CSS + JavaScript 做一個世界地理問答遊戲,5 題 4 選 1。
題目:日本首都是?艾菲爾鐵塔在哪城市?尼加拉瀑布在哪兩國交界?
清爽藍色系,答對後顯示該地點有趣小知識。字體夠大按鈕好按。
請用 HTML + CSS + JavaScript 做一個健康常識小測驗,5 題 4 選 1。
題目:每天建議喝多少水?哪種運動對膝蓋最友善?飯後多久才能運動?
清新綠白配色,答對後顯示健康小提醒,最後給「健康達人等級」。
請用 HTML + CSS + JavaScript 做一個台灣歷史知識問答遊戲,5 題 4 選 1。
題目:台灣光復是哪年?第一條高速公路何時通車?九二一大地震哪年?
沉穩深藍色系,答對後顯示歷史背景說明,結束時根據分數給評語。