---
# System prepended metadata

title: "\U0001F3C5 Day 25"
tags: [Vue 直播班 - 2022 春季班]

---

---
tags: Vue 直播班 - 2022 春季班
---

# 🏅 Day 25
###### tags: `Vue 直播班 - 2022 春季班`

題目 (請將答案貼上 CodePen)
---
請操作 [這個模板](https://codepen.io/hexschool/pen/jOByPZr?editors=1011) (只能操作 HTML 的部分)，依照以下要求撰寫程式碼。

>  請確保在範例中的 input 所輸入的數字會被轉換成「數字型別」。

回報流程
---
請同學依照下圖教學觀看解答、回報答案:

![](https://i.imgur.com/QtL8zEW.png)

回報格式如下圖，請在「回報區」使用註解回報答案 (為了統計人數，請同學依序加上「報數」)

![](https://i.imgur.com/L7kyew8.png)

<!-- 解答
<div id="app" class="p-3">
  <input type="number" v-model.number="num">
  {{ typeof num }}
</div>
-->

回報區
---
| 報數 |組別/名字  | codepen / 其他回饋    | 
|:--------:| -------- | -------- | 
|1|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/ZEaGeWv|
|2| 肉鬆 | https://codepen.io/klrkicog/pen/ZEaGeRj?editors=1011 |
|3| Larry | https://codepen.io/larrylinr5/pen/ZEaGeMM?editors=1010 |
|4|Jasper|https://codepen.io/li-jasper/pen/yLPNMEj |
|5|AllenW|https://codepen.io/AllenW/pen/eYeNvKL |
|6|阿劍| https://codepen.io/seonkuraito/pen/vYebGoR |
|7|Jason Chen| https://codepen.io/jason60810/pen/dyZovro |
|8|POPEYE |https://codepen.io/popeye_ux/pen/podJPPG |
|9|Aaron Tu|https://codepen.io/aarontu/pen/qBVdmjZ|
|10|威爾|https://codepen.io/WILL_Wu/pen/VwrLbzP|
| 11 | Karen Huang | https://codepen.io/Coding_Snorlax/pen/OJOVmQZ?editors=1010 |
|12|4/Empty Wu|https://codepen.io/emptywu/pen/ZEaGKvg |
|13| Kelvin Hsu | https://codepen.io/kelvin001/pen/zYPGwWG |
|14|kk|https://codepen.io/potatokaka/pen/xxPGdWV|
|15|kevinhes|https://codepen.io/kevinhes/pen/JjOdNBR?editors=1011|
|16|Sheep| https://codepen.io/SheepNDW/pen/GROJmed | 
|17|tingyu| https://codepen.io/dgltu/pen/YzEXVoY?editors=1011 |
|18|Arista| https://codepen.io/arista-hsieh/pen/qBVdjbX|
|19|Howard|https://codepen.io/yawdnhbm/pen/KKypqVK|
|20|Gill|https://codepen.io/Gill-Chin/pen/gOXpRPB?editors=1011|
|21|Liu| https://codepen.io/feng-chi-liu/pen/eYeNWqp |
|22|Steven Chan|https://codepen.io/Steven1220/pen/zYPGzmP?editors=1111 |
|23|Charlotte Lee|https://codepen.io/charlotte-lee/pen/qBVdjzM?editors=1010 |
|24|YC|https://codepen.io/YCLu/pen/VwrLzwR |
|25|Yunei|https://codepen.io/Yunei/pen/WNXvEQo|
|26| Iris Huang | https://codepen.io/ythuang/pen/GROJvqg |
|27|群嘉|https://codepen.io/efzdamnp-the-lessful/pen/vYWOJKo?editors=1011|
|28|Bella Shya|https://codepen.io/BellaXie/pen/OJOVjWN?editors=1010|
|29| 黃士桓 | https://codepen.io/shr-huan-huang/pen/vYWOJoK?editors=1011 |
|30| 陳暐中 | https://codepen.io/wei-z/pen/xxPGXwx?editors=1011 |
|31|Benson|https://codepen.io/soul81624/pen/wvParyX|
|32|卡丘|https://codepen.io/OneKwei/pen/bGYdoXz|
|33|Henry Wu|https://codepen.io/dkcmlaww-the-flexboxer/pen/OJOVOZe?editors=1011 |
|34|16/小K|https://codepen.io/kelen1995/pen/jOaPavq|
|35|Henry|https://codepen.io/kaohenry9287/pen/LYOVOgr|
|36|BrunoYu|https://codepen.io/bruno-yu/pen/zYPGpWM?editors=1010|
|37|PeiChi|https://codepen.io/pei-chi-tsai/pen/ExbjQgY?editors=1011|
|38|Himi|https://codepen.io/Himi/pen/PoOqRzx|
|39|Rick Tzeng|https://codepen.io/rick917jp6/pen/rNYVvPQ
|40|shio|https://codepen.io/shioyen/pen/yLPYLWV?editors=1011
|41|andersonshen| https://codepen.io/luxyenni-the-bold/pen/OJOyMJL |
|42|咖咖| https://codepen.io/gon790219/pen/NWwGNKa |
|43|Terry21|https://codepen.io/feng0409/pen/QWOjEoj?editors=1010 |
|44|Yummyniya|https://codepen.io/yummyniya/pen/MWOapap|
| 45 | Sihle Huang | https://codepen.io/bugbug777/pen/yLPYXJB |
|46|AKI|https://codepen.io/akichen27/pen/KKydXyx |
|47|Wenfish|https://codepen.io/wenfisht/pen/gOXazmY|
|48|mei|https://codepen.io/Shila-Chen/pen/RwjWOpO|
|49|dOvOb|https://codepen.io/gezzgrwj-the-styleful/pen/QWOjRvQ
|50|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/wvPGyEd?editors=1011 |
|51|Judy☻|https://codepen.io/hsiaohan/pen/abVNKrr?editors=1011 |
|52|柴貓|https://codepen.io/shibacat/pen/vYWKEwv|
|53|我是泇吟|https://codepen.io/hexschool/pen/jOByPZr|
|54|FuChang|https://codepen.io/fuchang830714/pen/podjyXm|
|55|阿武|https://codepen.io/samwnkyat/pen/wvPzKEp?editors=1111|
|56|Calon|https://codepen.io/Calon0118/pen/eYeBWgd|
|57|Otis| https://codepen.io/humming74/pen/gOXLRYO?editors=1011 |
|58|Evan Chiang|https://codepen.io/Evan_9837/pen/qBVqgmP|
|59|Jordan Tseng|https://codepen.io/jordan-ttc-design/pen/abVBevg|
|60|ZY Hsu|https://codepen.io/zihyin/pen/qBVrVQQ?editors=1011|
|61|Bonnie|https://codepen.io/bonnieli1414/pen/RwjpdmX?editors=1011 |
|62|肉桂卷|https://codepen.io/ginnlee/pen/OJOgJJo?editors=1011|
|63|Hedy|https://codepen.io/hhhsuan41/pen/RwjMQZJ?editors=1011|
|64|Gui|https://codepen.io/guitimliu/pen/dyZgygV|
|65| Mylène | https://codepen.io/hamajibashi/pen/rNYoWYY |
|66|紙飛機| https://codepen.io/paperplanea/pen/WNXmqYp |
|67|大衛|https://codepen.io/exnsrpjc/pen/QWagOBg?editors=1011 |
|68|Carol Li|https://codepen.io/carolli834/pen/poVoqNJ?editors=1011|