---
# System prepended metadata

title: "\U0001F3C5 Day 25 - input 型別"
tags: [Vue 直播班 - 2022 冬季班]

---

---
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)|