# 六角學院 Node 直播班 - 2023 春季班 破冰任務: ### 挑戰三:ChatGPT AI 程式題詠唱訓練 ### 1. 請用 chatGPT 解答[10 道 if+function 題目](https://hackmd.io/zvASmoO4S3q6oLINjupvJA) #### **第一題**:一週有七天,請製作一個函式可輸入不同的星期日數,並回傳當天的心情小語, 如下例: ![](https://i.imgur.com/kko5lZg.png) **ANS:** ![](https://i.imgur.com/J1Mne1z.png) ![](https://i.imgur.com/HjPaOcc.png) ![](https://i.imgur.com/JfBfFqz.png) #### **第二題**:**飲酒測試** 最低法定飲酒年齡為 18 歲,請撰寫一個函式來測驗輸入的年齡是否能飲酒。 ![](https://i.imgur.com/OBAts1V.png) **ANS:** ![](https://i.imgur.com/tCQ0RE4.png) ![](https://i.imgur.com/e80zMYy.png) #### **第三題**:**發燒檢測** 人的中心體溫通常會自動調節在 37 ℃ 左右,只要 ≥ 38度就代表可能發燒了!請製作一個探測人體溫度是否發燒的函式。 ![](https://i.imgur.com/YPq6Ipd.png) **ANS:** ![](https://i.imgur.com/ArgJvIx.png) ![](https://i.imgur.com/G4CrfUw.png) ![](https://i.imgur.com/dqjbWaP.png) #### **第四題**:**溫標轉換** 目前常見的溫度標示有攝氏(°C)與華氏(°F),請撰寫兩個函式可以轉換彼此四捨五入至小數第一位,如下範例。 ![](https://i.imgur.com/o5i5OJw.png) **ANS:** ![](https://i.imgur.com/79UNHGY.png) ![](https://i.imgur.com/YKFKwTM.png) ![](https://i.imgur.com/XjbaqF3.png) #### **第五題**:**餵食青蛙** 請幫遊戲內的青蛙角色設計被餵食飼料時的反應,輸入不同種類單位大小的飼料,讓青蛙做出相對應的回饋,如下範例: ![](https://i.imgur.com/QPW1jjD.png) **ANS:** ![](https://i.imgur.com/bjHCdAZ.png) ![](https://i.imgur.com/ae1H8th.png) ![](https://i.imgur.com/RYktbXn.png) #### **第六題**:**計算球體體積** 請製作一個球體積計算函式,參數為半徑,回傳計算後四捨五入取至第一位小數的結果。 球體積 = 4 / 3 x π x 球半徑³ ![](https://i.imgur.com/cWZuKIJ.png) **ANS:** ![](https://i.imgur.com/98pmYCB.png) ![](https://i.imgur.com/RnzpPU5.png) ![](https://i.imgur.com/S80X9df.png) #### **第七題**:**BMI 計算** BMI 稱為身體質量指數(Body Mass Index,縮寫為BMI),是目前美國疾病管制局及世界衛生組織所認可,利用身高為基礎來測量體重是否符合標準。請套用以下公式製作一個 BMI 計算函式。 ![](https://i.imgur.com/HDB8ybp.png) ![](https://i.imgur.com/OxvlyAT.png) **ANS:** ![](https://i.imgur.com/2BhCESo.png) ![](https://i.imgur.com/z1gHfMl.png) ![](https://i.imgur.com/khh7kbh.png) #### **第八題**:**斜邊計算** 直角三角形的斜邊長度公式為:x² + y² = z²,請製作一個輸入兩邊邊長並回傳四捨五入取至小數第一位斜邊的函式。 ![](https://i.imgur.com/4Herg9R.png) **ANS:** ![](https://i.imgur.com/h51bvTB.png) ![](https://i.imgur.com/Z46It0M.png) #### **第九題**:**FizzBuzz** 是一個簡單的小遊戲,給定一串從 1 到 100 的數字: 如果是 3 的倍數,就印出 “Fizz” 如果是 5 的倍數,就印出 “Buzz” 如果同時是 3 和 5 的倍數,就印出 “FizzBuzz” 將結果回傳為一個陣列。 ![](https://i.imgur.com/oPOKfAb.png) **ANS:** ![](https://i.imgur.com/CeMGoJb.png) ![](https://i.imgur.com/LLvjMJT.png) #### **第十題**:**蜘蛛下網** ![](https://i.imgur.com/nzmZJC0.png) ![](https://i.imgur.com/bdOrHtQ.png) ![](https://i.imgur.com/sTYxWrJ.png) ### 2. 請用 chatGPT 詠唱以下 [Bootstrap 5 文件](https://hackmd.io/@YmcMgo-NSKOqgTGAjl_5tg/ryar-vGOd/%2FNdGKchTeRBqbkTMiQ2HSmw?fbclid=IwAR3SBn6du9SuAvTGOqscoVCtfddf-8QRPAk7POCDwtEeyL7lb3-mcPthUbI)的[募資網站](https://hexschool.github.io/boootstrap5WebLayout/)中,詠唱下圖範圍版型,並分享自己的詠唱語法與 Codepen,來看哪組的小組詠唱能力最接近。註:進入[標示文件](https://hexschool.github.io/boootstrap5WebLayout/),點擊圖片後右下角的匯出可獲得圖片線上網址。 ![](https://i.imgur.com/0mbnlBC.png) #### 因為ChatGPT會文字截斷所以要詠唱好幾次,並且也需要自己稍微修改下 [codepen](https://codepen.io/CloThEsZ/pen/vYzgKOJ) #### 一.募資網站-上方金額 * >![](https://i.imgur.com/wjKCs31.png) #### 二.募資網站-進度條 * >![](https://i.imgur.com/ukNi6CU.png) #### 三.募資網站-募款人數 * >![](https://i.imgur.com/ncn6ax2.png) #### 四.募資網站-icon * >![](https://i.imgur.com/qTKiVgw.png) #### 五.募資網站-專案募資贊助 * >![](https://i.imgur.com/dAAUIjU.png) #### 六.募資網站-追蹤分享 * >![](https://i.imgur.com/fyUZr6G.png) ### 3. 請嘗試用 chatGPT 寫出 [todolist API](https://discord.com/channels/801807326054055996/1075786895914700820),並一樣需載入 `uuid` NPM 套件,並寫出各 API 功能 ![](https://i.imgur.com/NXCe4m6.png) ```javascript= const http = require('http'); const { v4: uuidv4 } = require('uuid'); // 資料庫 let tasks = []; // 建立HTTP Server const server = http.createServer((req, res) => { const { method, url } = req; // 新增任務 if (method === 'POST' && url === '/tasks') { let data = ''; req.on('data', chunk => { data += chunk; }); req.on('end', () => { const task = JSON.parse(data); const id = uuidv4(); tasks.push({ id, ...task }); res.statusCode = 201; res.setHeader('Content-Type', 'application/json'); res.end(JSON.stringify({ id })); }); } // 修改任務 else if (method === 'PUT' && url.match(/^\/tasks\/(\w+)$/)) { const id = url.split('/')[2]; let data = ''; req.on('data', chunk => { data += chunk; }); req.on('end', () => { const task = JSON.parse(data); const index = tasks.findIndex(task => task.id === id); if (index !== -1) { tasks[index] = { id, ...task }; res.statusCode = 200; res.setHeader('Content-Type', 'application/json'); res.end(JSON.stringify(tasks[index])); } else { res.statusCode = 404; res.end(); } }); } // 刪除任務 else if (method === 'DELETE' && url.match(/^\/tasks\/(\w+)$/)) { const id = url.split('/')[2]; const index = tasks.findIndex(task => task.id === id); if (index !== -1) { tasks.splice(index, 1); res.statusCode = 204; res.end(); } else { res.statusCode = 404; res.end(); } } // 獲取所有任務 else if (method === 'GET' && url === '/tasks') { res.statusCode = 200; res.setHeader('Content-Type', 'application/json'); res.end(JSON.stringify(tasks)); } // 獲取單個任務 else if (method === 'GET' && url.match(/^\/tasks\/(\w+)$/)) { const id = url.split('/')[2]; const task = tasks.find(task => task.id === id); if (task) { res.statusCode = 200; res.setHeader('Content-Type', 'application/json'); res.end(JSON.stringify(task)); } else { res.statusCode = 404; res.end(); } } // 其他情況回傳404 Not Found else { res.statusCode = 404; res.end(); } }); // 啟動HTTP Server server.listen(3000, () => { console.log('Server running at http://localhost:3000/'); }); ```