第二十關：BMI 計算機團戰關卡

# 第二十關：BMI 計算機團戰關卡經過無數天的熬夜，小杰終於在驗收前夕完成了 BMI 計算機，當護理師拿給院長審視時，就又被打槍了。小杰：「怎麼可能...我明明功能都做好了啊？」護理師：「院長覺得你還是個菜鳥，不相信你的 Code 是對的」小杰：「那我到底該怎麼辦，菜也不是我的錯啊 T_T」護理師：「院長說，除非你能找到 **35 份以上的 BMI 範例**，他才認可你的 Code 是沒問題的..」小杰：「我到哪找那麼多工程師啊！！拜託誰來救救我~~~」! ![](https://i.imgur.com/KCFNCxQ.png) ## 問題小杰又遇到危機了，這裏我們需要收集到 35 份程式碼，才能讓小杰驗證他的 Code 跟其他工程師是相同的設計概念，**還請您設計完下方所提供之設計稿後，在聯名提交區附上您的 BMI 計算機網頁** ## 聯名提交區 (目前為 76 人) 以下第一筆為範例格式，格式為(姓名 - BMI 網址) * 洧杰 - [BMI 網址](https://) 1. Wendy(30min) - [BMI 網址](https://codepen.io/wendy03/pen/GRoEwBB) 2. LeoLee - [BMI 網址](https://codepen.io/nekorice/pen/yLePMWO) 3. Vic - [BMI網址](https://codepen.io/hsuan333/pen/PoZJvzY) 4. Jamie [BMI 網址](https://codepen.io/jamiechenjc/pen/dyGZvEe) 版型使用HexSchool-BMI (hsin-yu) 5. onedollar - [BMI 網址](https://codepen.io/linonedollar/full/WNrXjQv) 版型使用 HexSchool-BMI (Vic) 6. SeanLiu - [BMI 網址](https://codepen.io/LuckyTiger/pen/KKVymem) 版型使用 HexSchool-BMI (Leo Lee) 7. Jason Hung - [BMI 網址](https://codepen.io/brook110413/pen/zYrPwyL) 8. Jin(19min) - [BMI 網址](https://codepen.io/Jin-L/pen/KKVyWOV) 9. Tim Hsu - [BMI 網址](https://codepen.io/tim_hsu/pen/BajmZzW) 10. hsin-yu - [BMI 網址](https://codepen.io/tina2793778/pen/zYrPYwQ?editors=1010) 11. Aiden Kao - [BMI 網址](https://codepen.io/AidenKao/pen/rNxYmQv) 版型使用 HexSchool-BMI (Vic) 12. Ruta Yu - [BMI 網址](https://codepen.io/rue503/pen/BajmRzB) 版型使用 HexSchool-BMI (Vic) 13. 余承恩 - [BMI 網址](https://codepen.io/accelfish/pen/LYGOjGx) 版型使用 HexSchool-BMI (Eden Hsia) 14. Iris小艾 - [BMI 網址](https://codepen.io/irisLife/pen/eYJeWye) 版型使用 HexSchool-BMI (Vic) [45分鐘](https://codepen.io/irisLife/pen/ZEQagYN) 15. YunHsuan.Tsai - [BMI網址](https://qdandy38.github.io/JS_bmi/)、[程式碼](https://github.com/qdandy38/JS_bmi/tree/master) 版型使用 HexSchool-BMI (hsin-yu) 16. zoey - [BMI 網址](https://codepen.io/zoey777/pen/yLePore) 17. Tim Chen [BMI 網址](https://codepen.io/timchen0409/pen/XWXzaVK) 版型使用 HexSchool-BMI (Vic) 18. Thomas(75min) - [BMI網址](https://codepen.io/TED2018/pen/KKVymVM) 版型使用 HexSchool-BMI (hsin-yu) 19. りん - [BMI 網址](https://codepen.io/s_syoujyo/pen/OJMmbyg)　版型使用 HexSchool-BMI (Erica) 20. Terry Yu -[BMI 網址](https://codepen.io/terry-yu-the-vuer/pen/YzwExKV) 21. YU CHING CHIA -[BMI 網址](https://codepen.io/jarvis1993/pen/gOPXGOE?editors=0110) 22. Erica (26min) - [BMI 網址](https://codepen.io/kaoru44689/pen/BajmdNV) 23. Amanda Chiang - [BMI 網址](https://codepen.io/cym199922/pen/NWxwvGO?editors=0010) 版型使用 HexSchool-BMI (Erica) 24. 瑀君 - [BMI網址](https://codepen.io/yennnnn/pen/Vwerzyy) 25. joi chen(30分寫完 30分除錯😅) - [BMI網址](https://codepen.io/Joi-Chen/pen/YzwEEOG?editors=1010) 版型使用 HexSchool-BMI (Leo Lee) 26. 建良(30min) - [BMI網址](https://codepen.io/azx011014/pen/LYGOKpo) 版型使用 HexSchool-BMI (Vic) 27. SeanChang - [BMI網址](https://codepen.io/seanchang7/pen/ZEQavZO?editors=0010) 版型使用 HexSchool-BMI (Erica) 28. YC - [BMI 網址](https://codepen.io/YC_Chang/pen/MWKOvwM?editors=1011) [限時](https://codepen.io/YC_Chang/pen/ExPbBmr?editors=1011)(40分) 版型使用 HexSchool-BMI (Vic) 29. Nate Yeh - [BMI 網址](https://codepen.io/hellokiddingtw/pen/ZEQaRYB) 30. Skyice Chiang - [BMI 網址(50分鐘)](https://codepen.io/Skyice/pen/XWXzYqZ) 31. harryhsiao - [BMI 網址](https://codepen.io/harry-TW/pen/eYJGXra)([1時05分寫完,50分鐘除錯,總計1時55分](https://codepen.io/harry-TW/pen/MWKONRK)) 32. Weiliang - [BMI 網址](https://codepen.io/k7741118/pen/ZEQaRBe) 33. Sylva - [BMI 網址](https://codepen.io/yyuunn/pen/XWXaZpB) 34. Kun - [BMI 網址](https://codepen.io/Kun-Liu/pen/xxZPzya?editors=1010) 版型使用 HexSchool-BMI (Vic) 35. Micro - [BMI 網址](https://codepen.io/tobedesigner/pen/abdLrZY?editors=0010) 版型使用 HexSchool-BMI (Erica) 36. 阿宏 - [BMI 網址](https://codepen.io/brucetasy/pen/jOWaKPb) 版型使用 HexSchool-BMI (Eden Hsia) 37. sylviekuo [BMI 網址](https://codepen.io/sylviekuo/pen/pogdwOQ) 38. John Tsai [BMI 網址](https://codepen.io/JUDANMU/pen/WNrXzXM)版型使用 HexSchool-BMI (Leo Lee) 39. Sesame [BMI 網址](https://codepen.io/sesame55/pen/ZEQaqEp) 40. 巴奇 [BMI 網址](https://codepen.io/bucky0112/pen/eYJyBLG?editors=1010) 版型使用 HexSchool-BMI (Vic) 41. RexHung - [BMI 網址](https://codepen.io/rexhung0302/pen/RwrjeqX) 42. William Kang - [BMI 網址](https://codepen.io/william_k/pen/MWKOZPa) 43. Ben - [BMI 網址](https://codepen.io/JerryCandy/pen/KKVyoye) 版型使用[HexSchool-BMI (Erica)] 44. XiaoYun - [BMI 網址](https://codepen.io/cloudia_2/pen/ExPbGaa) 版型使用[HexSchool-BMI (Erica)] 45. Uniza -[BMI 網址](https://codepen.io/zhan-hong-lin/pen/LYGOzgq) 版型使用[HexSchool-BMI (Erica)] 46. Alex Wang(35min) -[BMI 網址](https://codepen.io/Alex_Wang/pen/NWxXKvq) 版型使用[HexSchool-BMI (Leo Lee)] 47. Brian Li(35min) -[BMI 網址](https://codepen.io/brain00021/pen/PoZOmPr) 版型使用[HexSchool-BMI (Vic)] 48. guanyin -[BMI 網址](https://codepen.io/guanyinhou/pen/YzwYPPN) 49. Shino -[BMI 網址](https://codepen.io/shiiinnooo/pen/NWxXNer) 版型使用 HexSchool-BMI (Eden Hsia) 50. KaiChun Yang(22min) -[BMI 網址](https://codepen.io/kai-chun-the-typescripter/pen/MWKryQp?editors=1010) 51. liu(55min)-[BMI 網址](https://codepen.io/ibszthpu/pen/RwrLKLV?editors=1010) 版型使用 [HexSchool-BMI (Tim Chen)] 52. Liu Xuan(34min)-[BMI 網址]( https://codepen.io/l8912055722/pen/RwrQRzR?editors=0010) 版型使用 HexSchool-BMI (Vic) 53. Christopher Chu - [BMI 網址](https://codepen.io/wes404/pen/PoZOmRw) 54. Jay - [BMI 網址](https://codepen.io/jayredk/pen/MWKOoYG) 版型使用 HexSchool-BMI (Vic) 55. moitw - [BMI 網址](https://codepen.io/tsuifei/pen/yLePjvL?editors=0011) 版型使用 HexSchool-BMI (Leo Lee) 56. Chu kuohua - [BMI 網址](https://codepen.io/chukuohua/pen/OJMzrjv) 版型使用 HexSchool-BMI (Eden Hsia) 57. Kelvin(50min+版型自刻1小時多=2小時多 ) - [BMI 網址](https://codepen.io/kelvin001/pen/WNrMjbW) 58. AWEI(花費時間8小時 ) - [BMI 網址](https://codepen.io/hong-wei/pen/xxZpPgM?editors=0110) 59. Eden Hsia - [BMI網址](https://codepen.io/edenhsia/pen/ExPQQbm) 60. 洋蔥 - [BMI網址](https://codepen.io/mikeyam/pen/pogaqKq) 61. 咖咖 - (版型手刻) [BMI網址](https://codepen.io/gon790219/pen/XWXZQEv?editors=1010) 62. 圈圈 - (版型手刻) [BMI網址](https://codepen.io/wei-the-lessful/pen/MWKQMbo) 63. 小儀 - [BMI網址](https://cdpn.io/mio514/debug/LYGQqRL/VJrxxOyVVybr) 版型使用 HexSchool-BMI (Eden Hsia) (1小時寫完，除錯20分鐘) 64. IKaRos - [BMI網址](https://codepen.io/WilliamPan/pen/qBborLb) 版型使用 HexSchool-BMI (Vic) 65. Carol Yang - [BMI網址](https://codepen.io/Carol-Yang/pen/gOPzoLP?editors=1111) 66. Taryn W - [BMI網址](https://codepen.io/tzubee/pen/GRodMQQ?editors=0001) 版型使用 HexSchool-BMI (Vic) 67. DeanLai-[BMI 網址](https://codepen.io/LDJwoUMC/pen/GRowWgy) 版型使用 [HexSchool-BMI (Tim Chen)] 68. chaimmm - [BMI 網址](https://codepen.io/hgit915/pen/MWKzXab) 版型使用 [HexSchool-BMI (Erica)] 69. ZweigDen- [BMI 網址](https://codepen.io/zweigden/pen/eYJxvqN) 版型使用 [HexSchool-BMI (Erica)] 70. Albert- [BMI 網址](https://codepen.io/albert0810/pen/bGEzRqw) 版型使用 [HexSchool-BMI (Vic)] 71. Rowan - (版型手刻) [BMI網址](https://codepen.io/dxnqcnen/pen/vYGYMNZ) 72. YingLu - (版型手刻) [BMI網址](https://codepen.io/dyious/full/OJNXPvM) 73. Jacky - [BMI 網址](https://codepen.io/jacky0305/pen/GRZMOGe?editors=1010) 74. Teisha - [BMI 網址](https://codepen.io/teisha-hsu/pen/qBZYwEO?editors=1010) [HexSchool-BMI (Vic)] 76. Jack- [BMI 網址](https://codepen.io/randomno/pen/BaLRYev) 版型使用 [HexSchool-BMI (Vic)] 77. Hsin -[BMI網址](https://codepen.io/hsinhui/pen/NWRaZGY?editors=0010) 版型使用 [HexSchool-BMI (りん)] PS1：此題必須破關後，每日關卡才會繼續出題 PS2：請學員們提交後，請自主修改總提交人數 PS3：當達 35 份時，請學員 tag 洧杰老師告知通過此關卡 ## 設計稿釋出 * [UI 設計稿](https://xd.adobe.com/view/15a8510e-e4c9-45d7-4f71-24d75d4e54fd-6399/) * [上面連結的 XD 線上標示稿操作教學](https://hackmd.io/35ILOuVGSAO8GeO0xevTxw?both) ### 版型提供如果你只想鍛鍊 JS 邏輯，可以挑選以下的程式碼複製起來， - [HexSchool-BMI (Eden Hsia)](https://github.com/Edenhsia/hexSchool-BMI) - [HexSchool-BMI (Vic)](https://codepen.io/hsuan333/pen/XWXRQYY) - [HexSchool-BMI (Tim Chen)](https://github.com/timchen0607/HexSchool-BMI) [Demo](https://timchen0607.github.io/HexSchool-BMI/) - [HexSchool-BMI (hsin-yu)](https://codepen.io/tina2793778/pen/jOWwbRP?editors=1100) - [HexSchool-BMI (Erica)](https://codepen.io/kaoru44689/pen/gOPRWGm) - [HexSchool-BMI (Jason Hung)](https://github.com/brook110413/hexSchool-BMI) [Demo](https://brook110413.github.io/hexSchool-BMI/) - [HexSchool-BMI (Leo Lee)](https://github.com/overactive1988/HexSchool_BMI_Calculator) - [HexSchool-BMI (Tim Hsu)](https://codepen.io/tim_hsu/pen/rNxYzyO) - [HexSchool-BMI (りん)](https://codepen.io/s_syoujyo/pen/YzqLaVP)