--- tags: Vue 直播班 - 2022 冬季班 --- # 🏅 Day 25 - input 型別 題目 --- 請操作 [這個模板](https://codepen.io/hexschool/pen/jOByPZr?editors=1011) (只能操作 HTML 的部分),依照以下要求撰寫程式碼。 > 請確保在範例中的 input 所輸入的數字會被轉換成「數字型別」。 ## 回報流程 將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 解答位置請參考下圖(需打開程式碼的部分觀看) ![](https://i.imgur.com/vftL5i0.png) <!-- 解答: <div id="app" class="p-3"> <input type="number" v-model.number="num"> {{ typeof num }} </div> --> 回報區 --- | Discord | CodePen / 答案 | |:----------------|:----------------------------------------------------------------------------:| | Wendy3#5615 | [Codepen](https://codepen.io/wendy03/pen/qByjbqe) | | 冬天#5215 | [Codepen](https://codepen.io/winter_/pen/MWBoKbX) | | 泊岸#3466 | [Codepen](https://codepen.io/qoq77416416/pen/OJwgMWp?editors=1011) | | YC#2522 | [CodePen](https://codepen.io/YCLu/pen/wvxgjOO) | | LinaChen#1796 | [CodePen](https://codepen.io/LinaChen/pen/QWBgyva) | | yuyu#6310 | [CodePen](https://codepen.io/yuyu0905/pen/jOpwWmZ?editors=1011) | | ChloeLo#4858 | [CodePen](https://codepen.io/chloelo/pen/QWBgypa) | | popeye#5081 | [codepen](https://codepen.io/popeye_ux/pen/OJwgMpp) | | Benson#6763 | [Codepen](https://codepen.io/kumashow/pen/BaPZjRR) | | ViNci#4273 | [Codepen](https://codepen.io/ViNciSyo/pen/jOpwWGz) | | AuroraC#6539 | [codepen](https://codepen.io/AuroraC/pen/ZEjyQXm?editors=1011) | | 大衛#4869 | [codepen](https://codepen.io/exnsrpjc/pen/wvxeMeq?editors=1011) | | PeihanWang#2530 | [codepen](https://codepen.io/PeihanWang/pen/LYBLGeE?editors=1011) | | 威0#6919 | [codepen](https://codepen.io/n0918679182/pen/bGjREva?editors=1011) | | kenki100#0068 | [Codepen](https://codepen.io/ken100/pen/VwBWexa) | | Jill Lee#0809 | [CodePen](https://codepen.io/chi-ling-lee/pen/WNKOrJz?editors=1011) | | albee#9121 | [Codepen](https://codepen.io/albee-chang/pen/mdjWLaX) | | 薯餅#3581 | [Codepen](https://codepen.io/ColdingPoTaTo/pen/ZEjyQMw) | | JackC#0411 | [Codepen](https://codepen.io/key0329/pen/poZwgOx) | | 心幻羽#0056 | [Codepen](https://codepen.io/linglingsyu/pen/RwBgrEp?editors=1011) | | Amberhh#2465 | [codepen](https://codepen.io/Amberhh/pen/wvxeMNy?editors=1011) | | mandylai#4055 | [codepen](https://codepen.io/mandy-lai-2/pen/xxJrZvw) | | 圈圈#4060 | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/VwBWawp?editors=1010) | | YI#0863 | [Codepen](https://codepen.io/YI0305/pen/KKBqVbG?editors=1011) | | Alex#9978 | [Codepen](https://codepen.io/datsxzqg-the-selector/pen/zYLzrZe?editors=1011) | | yoyo#1003 | [Codepen](https://codepen.io/pen/ZEjyWbg?editors=1010) | | RyanC#6960 | [Codepen](https://codepen.io/RyanYD/pen/gOjRrPv?editors=1011) | | 威爾#1694 | [CodePen](https://codepen.io/WILL_Wu/pen/mdjwPwx) | | RJRS#9430 | [CodePen](https://codepen.io/RJRS/pen/YzjQqEY) | | PayRoom#8328 | [CodePen](https://codepen.io/water38198/pen/poZwyVo) | | 無名#6427 | [CodePen](https://codepen.io/Nomoney/pen/rNrjKmw) | | jacky010080#0880 | [CodePen](https://codepen.io/Yen-Jung-Chen/pen/vYaZGrR?editors=1011) | | ㄚ翔#8126 | [codepen](https://codepen.io/engineerjohnson/pen/QWBgNxX) | | 小木馬#8760 | [codepen](https://codepen.io/wmmtbcsd/pen/MWBoeYj?editors=1011) | | 阿鑫#4346 | [CodePen](https://codepen.io/Neil1024/pen/WNKOxrv?editors=1011) | | RainJ#3480 | [CodePen](https://codepen.io/RainJCode/pen/PoBjzGr) | | Potatolee#7749 | [CodePen](https://codepen.io/potatoleee/pen/eYjRzZv?editors=1011) | | 楊苡安#2752 | [CodePen](https://codepen.io/yi-an-yang/pen/gOjRMoY?editors=1011) | | Rena#6249 | [Codepen](https://codepen.io/aureate0116/pen/oNMwLmV) | | Chi#7605 | [Codepen](https://codepen.io/YoChi84/pen/oNMwLVO) | | 出事了阿伯#9923 | [Codepen](https://codepen.io/BradpittLai/pen/XWBgjMo?editors=1010) | | Wendy77#8049 | [Codepen](https://codepen.io/Wendy__/pen/PoBjGjW) | | IreneY#0086 | [CodePen](https://codepen.io/HalfPlannedJourney/pen/gOjWydx) | | Bella_#1587 | [CodePen](https://codepen.io/Chen-Bella/pen/ExpXgbz) | | 米米_#1824 | [CodePen](https://codepen.io/Jameshsu0407/pen/QWBgKxr?editors=1011) | | int#7518 | [Codepen](https://codepen.io/intHuang/pen/NWBgRBy?editors=1011) | | Cheryl#4007 | [Codepen](https://codepen.io/Cheryl-Hsu/pen/MWBojxx?editors=1011) | | Asher Xu#9297 | [Codepen](https://codepen.io/kirakira72/pen/rNrwMQg) | | Winnie#1306 | [Codepen](https://codepen.io/WinnieWuWinnie/pen/MWBobmg?editors=1011) | | masterYan#2480 | [Codepen](https://codepen.io/htzwgoqt-the-looper/pen/xxJrRyd?editors=1010) | | SASIMI#5099 | [Codepen](https://codepen.io/sashimi1327/pen/OJwmWMJ) | | helena#8461 | [Codepen](https://codepen.io/helena27/pen/jOpwyLr?editors=1011) | | Ruby Chen#7452 | [Codepen](https://codepen.io/ruby92429/pen/vYaZgbo?editors=1011) | | kevin#6131 | [Codepen](https://codepen.io/xlqjezvc-the-encoder/pen/xxJrgvm?editors=1011) | | azami#5986 | [CodePen](https://codepen.io/azami/pen/xxJrqJK) | | Hironaka#7367 | [Codepen](https://codepen.io/Hironaka0815/pen/ZEjyKqQ?editors=1011) | | suihsilan#9485 | [Codepen](https://codepen.io/suihsilan/pen/YzjQVML?editors=1010) | | Fang#4680 | [Codepen](https://codepen.io/std95174/pen/VwBWWQg) | | MengLin#3001 | [Codepen](https://codepen.io/aacj2642/pen/KKBqqYq?editors=1011) | | Zack_P#1805 | [Codepen](https://codepen.io/tmzazirh-the-animator/pen/OJwgxBa?editors=1011) | | LHchien33#6232 | [Codepen](https://codepen.io/lin_chien/pen/WNKOXvN) | | hannahtw#2224 | [Codepen](https://codepen.io/hangineer/pen/NWBgwyx?editors=1010) | | aki | [codepen](https://codepen.io/aki168/pen/abjvaZP) | |阿榮#8277|[CodePen](https://codepen.io/mogzbvfl-the-reactor/pen/WNKOaQg)| |阿異#4776|[CodePen](https://codepen.io/yani21399/pen/JjBJmZE)| |黑白兔#0684|[CodePen](https://codepen.io/johnny329/pen/yLqXRrN)| |柚子#3958|[CodePen](https://codepen.io/as6625998/pen/BaPZGON?editors=1011)| |Judy Wei#6103|[CodePen](https://codepen.io/Judy0718/pen/abjwPdQ)| |yoyo123456#0577|[CodePen](https://codepen.io/hungyoyo/pen/zYLzyPe?editors=1010)| | christina#6185 |[Codepen](https://codepen.io/chrisc0210/pen/wvxeNex)| |竹輪#3335|[Codepen](https://codepen.io/chikuwa0120/pen/VwBWgyz)| |shiuan#4721|[codepen](https://codepen.io/prankaChang/pen/mdjwNBV?editors=1011)| |老皮博士#8050|[codepen](https://codepen.io/li0406/pen/QWBMjzE?editors=1011)| |Bassjim#0118|[codepen](https://codepen.io/unrtxbaq/pen/dyjzvmb?editors=1011)| |Kimi#9564|[CodePen](https://codepen.io/kimihu91/pen/xxJwjGm)| |Austyn#0949|[CodePen](https://codepen.io/fish90547/pen/rNrzooq?editors=1011)| |Hazel.#6020|[CodePen](https://codepen.io/Hazelhsieh/pen/xxJdpZo?editors=1011)| |阿沁#8176|[CodePen](https://codepen.io/a8322342/pen/LYBzgOV?editors=1011)| |Cookie SSS#6991|[CodePen](https://codepen.io/sqhjikpa-the-selector/pen/OJwxraN?editors=1011)| |Shuo#1596|[CodePen](https://codepen.io/chiangchungshuo/pen/vYaWXjw?editors=1011)| |kevin#8349|[Codepen](https://codepen.io/xlqjezvc-the-encoder/pen/JjBOrVd?editors=1011)| |Yiru#0236|[Codepen](https://codepen.io/yiru94/pen/OJwQRQq?editors=1011)| |Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/GRBGZRd)| |enolachen#8031|[codepen](https://codepen.io/Chen-Enola/pen/ZEjRbbJ?editors=1011)| |Silvialu#4521|[codepen](https://codepen.io/Silvia091640/pen/LYBrZjq)| |yaru#6308|[CodePen](https://codepen.io/lszaietc/pen/abjKJBe?editors=1011)| |大大#5164|[CodePen](https://codepen.io/gzonothk-the-looper/pen/ZEjRwRW?editors=1010)| |Paul#7426|[CodePen](https://codepen.io/paul-1997/pen/JjBZqZy?editors=1011)| |周周#3503|[CodePen](https://codepen.io/jhoujhou-the-decoder/pen/LYBBPbW?editors=1011)| |KC_8685#9343|[Codepen](https://codepen.io/cathy7411/pen/dyjjKYO)| |kuku#3118|[Codepen](https://codepen.io/mengting-ku/pen/oNMMMYy)| |ABOOS#6276|[CodePen](https://codepen.io/guhungyin/pen/eYjjjyE?editors=1010)| |Hilda#7085|[Codepen](https://codepen.io/vwquikad-the-vuer/pen/abjjjga)| |GOD_QWERTYUIOPLKJLKLLOINJ_MASTER#4922|[Codepen](https://codepen.io/sho666/pen/PoBBdNz?editors=1010)| |Mia小福#4473|[Codepen](https://codepen.io/a0950271/pen/MWBqeYK?editors=1011)| |Yuna Huang#2692|[Codepen](https://codepen.io/Yuna1002/pen/XWBPvgY?editors=1011)| |Knock59487#9114|[CodePen](https://codepen.io/Zack88/pen/wvxNmxm?editors=1011)| | Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/xxJejbK?editors=1011) | | 阿蘇#8531 | [CodePen](https://codepen.io/susu3131/pen/vYawxyX?editors=1011) | | hungya#0773 | [CodePen](https://codepen.io/hungya777/pen/dyjBoZZ?editors=1011) | |Mylène#2481|[CodePen](https://codepen.io/hamajibashi/pen/YzOKzEj)| |Jujubeleven#1036|[Codepen](https://codepen.io/jujubeleven/pen/JjaPNdg?editors=1011)| |popcorn_3q#9893|[Codepen](https://codepen.io/arnyrpqt-the-sasster/pen/KKxVwVb?editors=1011)| |Judy Wei#6103|[Codepen](https://codepen.io/Judy0718/pen/PodprYm)| |JY#5712|[Codepen](https://codepen.io/judy_123/pen/oNPemVa)| |Eason#7884|[Codepen](https://codepen.io/ASLEO/pen/dygGvdg)| |Eileen#6454|[Codepen](https://codepen.io/Eileen-io/pen/LYgbvRE)|