---
# System prepended metadata

title: "\U0001F3C5 5/28 (五) 每日任務 Day 25"
tags: [Vue 直播班 - 2021 夏季班]

---

# 🏅 5/28 (五) 每日任務 Day 25
###### tags: `Vue 直播班 - 2021 夏季班`

題目 (請將答案貼上 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>
-->

回報區
---
<!--1:Alpha
Codepen:https://codepen.io/alphatero/pen/BaWwagX
-->

<!--2:Vic
Codepen:https://codepen.io/hsuan333/pen/RwpLwXE
-->

<!--3:Lina Chen
Codepen:https://codepen.io/LinaChen/pen/vYxeYoQ
-->
<!--4:LiShang
Codepen:https://codepen.io/li-shang/pen/yLMzyLa
-->

<!--5:小魚
Codepen:https://codepen.io/jarvis1993/pen/poeWvJE
-->

<!-- 6: Jessie Cheng
Codepen: https://codepen.io/JessieMosbi/pen/BaWwyoB
-->

<!--7:Jasmin
Codepen:https://codepen.io/thejasmin/pen/gOmGbrN
-->

<!-- 8：RitaHunag
https://codepen.io/Rita-Rossweisse/pen/GRWMgjb?editors=1011
-->

<!-- 9: Alysa Chan
Codepen: https://codepen.io/alysachan/pen/rNyGaYJ?editors=1011
-->

<!-- 10: Ethan
codepen: https://codepen.io/blazer030/pen/poeWvOW
-->

<!-- 11: Erica
https://codepen.io/ericadu/pen/VwpMYgo
-->

<!-- 12: 阿倫
https://codepen.io/jason5125122/pen/LYWzEao
-->

<!-- 13: Wendy Li
https://codepen.io/rockayumitw/pen/yLMzyWv?editors=1010
-->

<!-- 14: Jack
https://codepen.io/yxzzktmb/pen/JjWroqz?editors=1011
-->

<!-- 15: Echo Hui
CodePen: https://codepen.io/echohuiecho/pen/LYWzEKK -->

<!-- 16: 陳sam
Codepen: https://codepen.io/euldpliv/pen/wvJraMe?editors=1011
-->

<!-- 17: Yi Chieh
Codepen: https://codepen.io/Yi-Chieh/pen/ZEeXGWM
-->

<!-- 18: Tori
Codepen: https://codepen.io/hayen/pen/dyvWMbv?editors=1011
-->

<!-- 19: Joe Kuo
Codepen: https://codepen.io/alertislow/pen/bGqoVRz?editors=1011
-->

<!-- 20: peter.chen1024
Codepen: https://codepen.io/JIAN-RONG/pen/poeWjrz?editors=1011
-->

<!-- 21: Alicia Lo
codepen: https://codepen.io/dkcyhyre/pen/jOBGbdP
-->

<!-- 22: Sec
codepen: https://codepen.io/Sentiments/pen/LYWzGWg?editors=1011
-->

<!-- 23: Yiren
codepen: https://codepen.io/Yiren_Liou/pen/poeWgWP
-->

<!-- 24: yijun
codepen: https://codepen.io/sandy3068/pen/PopJNqb?editors=1011
-->

<!-- 25: Larry
codepen: https://codepen.io/manpower0708/pen/XWMeXvx?editors=1111
-->

<!-- 26: WuJungHan
codepen: https://codepen.io/JungHanWu/pen/YzZrqyX?editors=1011
-->

<!-- 27: Amber
codepen: https://codepen.io/amberTing/pen/mdWBPQw?editors=1011
-->

<!-- 27: Chiang
codepen: https://codepen.io/ChiangJ/pen/VwpMaop?editors=1010
-->

<!-- 28: Ted Kuo
codepen: https://codepen.io/TedKuo/pen/ZEeXpLy
-->

<!-- 29: Oober
codepem:https://codepen.io/xtsjrjdv/pen/gOmGLbM?editors=1011
-->

<!--30: jimmyFang
https://codepen.io/pohxiqqo/pen/eYvGgXB?editors=1010
-->

<!-- 31: Valerie
 https://codepen.io/vicky-chang/pen/wvJrrRy?editors=1011
-->

<!-- 32: Ed Huang
 https://codepen.io/yide1986/pen/qBrPxyd?editors=1011
-->

<!-- 33: leolee
https://codepen.io/nekorice/pen/wvJrNZy
-->

<!-- 34:Jay
codepen: https://codepen.io/jayredk/pen/BaWmBvw?editors=1011
 -->
 
<!-- 35: AlvinChu
codepen: https://codepen.io/wave99487chu/pen/wvJPvox
-->

<!-- 36: 圈圈
codepen: https://codepen.io/wei-the-lessful/pen/WNpXpqo
-->

<!-- 37: Stacey Huang
codepen: https://codepen.io/staceyhuang/pen/vYxpENR?editors=1011
-->

<!-- 38: YOYO
codepen: https://codepen.io/lumedkle/pen/PopEpKV?editors=1011
-->

<!-- 39: Fred Chang
https://codepen.io/fred8196/pen/wvJprPz?editors=1011
-->

<!-- 40: twoz
codepen: https://codepen.io/twoz/pen/NWpyNBb?editors=1011
-->

<!-- 41: Tofu Tseng
https://codepen.io/Tofutseng/pen/BaWYOGM
-->

<!-- 42: Jordan Tseng
https://codepen.io/jordan-ttc-design/pen/gOmvELM?editors=1010
-->

<!-- 43: Izumi 泉
https://codepen.io/izumi-dev/pen/MWpBQPW
-->

<!-- 44: moitw
https://codepen.io/tsuifei/pen/eYvwqob?editors=1011
-->