---
# System prepended metadata

title: "\U0001F5DE 8/3(二) 每日任務"
tags: [Vue 3 JS 新手夏令營]

---


# 🗞 8/3(二) 每日任務

###### tags:`Vue 3 JS 新手夏令營`

## 題目
watch(一)
>請複製 （右下角 fork）[這個範例](https://codepen.io/rider159159/pen/bGWRoBb)，並執行以下要求：
> - 在 watch 中新增方法，讓畫面顯示「線上課程折扣價格為 xx 元」為實際輸入 input 數值的 80%，並且需為整數，實際狀況如圖:
![](https://i.imgur.com/Mb41nzZ.png)
> -  提示一: 會使用到 this.price
> -   提示二: 可以在 input v-model 添加 .number 修飾符，將 price 型別轉為數字。
>-   提示三: 整數化方法為 Number.parseInt()
## 回報流程
 將答案寫在 Codepen 並複製 Codepen 連結貼至下方作業投稿區就算完成


## 作業投稿區(學員自行投稿
- [Ryder 範例投稿](https://codepen.io/rider159159/pen/wvdermB)
- [WangShuan](https://codepen.io/WangShuan/pen/NWjwzpL?editors=1010)
- [Ching Hua](https://codepen.io/ching-hua-wang/pen/abWYYob?editors=0010)
- [Boris Huang](https://codepen.io/boris0510/pen/VwbBmwd)
- [Bucky](https://codepen.io/bucky0112/pen/xxdJRGX?editors=1010)
- [Yu](https://codepen.io/justyu2001/pen/LYyBbVQ)
- [YC Lu](https://codepen.io/YCLu/pen/PomBbqL)
- [翁偉凌](https://codepen.io/wengweiling/pen/GRmBNoz)
- [AnAn](https://codepen.io/AndyAnn/pen/vYmayGV?editors=1010)
- [陳sam](https://codepen.io/euldpliv/pen/abWjBdL)
- [Jin](https://codepen.io/Jin-L/pen/yLbqVga)
- [Stanley](https://codepen.io/stanley-yeh/pen/yLbqVOJ?editors=1010)
- [Jack](https://codepen.io/yxzzktmb/pen/PomBbWr?editors=1010)
- [samuel823](https://codepen.io/samuelshing/pen/PomBbJM)
- [Morris](https://codepen.io/morrisss/pen/dyWjOOj)
- [wendy](https://codepen.io/siaochanwu/pen/abWjBEY?editors=1010)
- [Allen Lin](https://codepen.io/lcf7891/pen/VwbBmrq?editors=1010)
- [小艾](https://codepen.io/bolaslien/pen/ExmpNpL)
- [Saiki](https://codepen.io/rostpfette/pen/JjNBbaa)
- [Eric](https://codepen.io/ericyericy/pen/PomBbeo)
- [小韭菜](https://codepen.io/jhang-jhe-wei/pen/zYwLoQa)
- [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/eYWjBxy)
- [LMY](https://codepen.io/l_umei/pen/wvdxgvz)
- [Will](https://codepen.io/WILL_Wu/pen/QWvBdWv)
- [詠銓](https://codepen.io/GGfish26/pen/XWRBpWB)
- [Ryan](https://codepen.io/ryanwu1003/pen/ExmpZjd)
- [Nap](https://codepen.io/o0o0o1o0/pen/yLbqgMj)
- [HSY](https://codepen.io/Hsy_00/pen/ZEKjLBR)
- [佳鈴](https://codepen.io/zpyfpsxa/pen/WNjKRZX?editors=1010)
- [Richard](https://codepen.io/richardchen8109/pen/wvdxgyq?editors=1010)
- [ET](https://codepen.io/et0115/pen/NWjBdeY)
- [Howard](https://codepen.io/yawdnhbm/pen/ZEKjLjV)
- [Chiang](https://codepen.io/ChiangJ/pen/qBmyRLd?editors=1010)
- [Jax](https://codepen.io/cvecve147/pen/MWmBJMx)
- [Gui](https://codepen.io/guitimliu/pen/yLbqgwQ)
- [JarvisYu](https://codepen.io/jarvis1993/pen/NWjBdQz)
- [Link1515](https://codepen.io/Link1515/pen/gOWjmbX)
- [Jessy](https://codepen.io/jessy-shen/pen/vYmagwg?editors=1010)
- [Bear](https://codepen.io/adaibear/pen/yLbqgZQ)
- [Ruby](https://codepen.io/sozqnmzy/pen/JjNBWoG)
- [shiuanping](https://codepen.io/shiuanping/pen/qBmyrZN)
- [Sandra](https://codepen.io/yuying-toro/pen/XWRBNZz)
- [kimn](https://codepen.io/kimn/pen/yLbqVxX?editors=1010)
- [Joi](https://codepen.io/Joi-Chen/pen/RwVBKgr)
- [yuyu](https://codepen.io/yuyu0905/pen/poPZeyY)
- [Chu kuohua](https://codepen.io/chukuohua/pen/JjNBWWR)
- [Eva](https://codepen.io/hiYifang/pen/dyWjvRW?editors=1010)
- [肉鬆](https://codepen.io/klrkicog/pen/wvdxJYN)
- [Linn](https://codepen.io/winnie50431/pen/bGWjqQZ)
- [Noin](https://codepen.io/Noin/pen/VwbBpqQ)
- [安安](https://codepen.io/leave3310-the-looper/pen/LYyBWaz?editors=1010)
- [紅茶柚o](https://codepen.io/stp9640502/pen/MWmBpNK)
- [YuSung](https://codepen.io/kevin-hsu-the-encoder/pen/KKmBaYG?editors=1011)
- [curry](https://codepen.io/Ted19851223/pen/qBmymPK)
- [黃士桓](https://codepen.io/shr-huan-huang/pen/abWjWaK)
- [小肥羊](https://codepen.io/rusheep/pen/MWmBmzv)
- [timothy80617](https://codepen.io/timothy_hippo/pen/RwVBVmb)
- [Mag](https://codepen.io/maggie31416/pen/abWjWyq)
- [wind](https://codepen.io/wind7y/pen/yLbqbdz)
- [Yi-Jung](https://codepen.io/yi-jung/pen/BaRPZYZ)
- [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/eYWjRPx)
- [andersonshen](https://codepen.io/luxyenni-the-bold/pen/WNjKjVR)
- [JohnnyChao](https://codepen.io/yuanjyun/pen/bGWjrPy?editors=1010)
- [axlrock1021](https://codepen.io/andy1021/pen/rNmrGdG)
- [JC](https://codepen.io/jcsamoyed/pen/abWjLJV?editors=1010)
- [wj_omg](https://codepen.io/wj_omg/pen/qBmyPoy)
- [annycheng](https://codepen.io/chengyu0228/pen/MWmBOVq)
- [Edward](https://codepen.io/Edward_77/pen/gOWjXBm)
- [Genos](https://codepen.io/pb220416/pen/zYwLPGJ)
- [阿丁兒](https://codepen.io/dingpachan/pen/xxdJqYR?editors=1010)
- [Mobius](https://codepen.io/dopamine908/pen/GRmBQLR)
- [Kowin](https://codepen.io/kowin/pen/abWjYYr)
- [Abby](https://codepen.io/abby1125/pen/OJmwvKO?editors=1010)
- [Jane Lin](https://codepen.io/as60160/pen/eYWjrBq)
- [Shay](https://codepen.io/fromzeroo/pen/oNWMdWB?editors=1010)
- [tony](https://codepen.io/tony0831-l/pen/eYWjVbe)
- [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/bGWKZBr)
- [Kuan](https://codepen.io/mrkuanyi/pen/MWmBXGm)
- [Nick](https://codepen.io/nick-lin/pen/YzVjjRq)
- [jennifershih](https://codepen.io/jennifershih/pen/poPZOgq?editors=1010)
- [Nat](https://codepen.io/dxnqcnen/pen/qBmyMVq)
- [AmberCYT](https://codepen.io/amberTing/pen/rNmrqqY?editors=1010)
- [shiuan](https://codepen.io/prankaChang/pen/PomByvw?editors=1010)
- [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/qBmygQM)
- [Keith](https://codepen.io/qwrejhic/pen/yLbqzQX)
- [miku3920](https://codepen.io/miku3920/pen/dyWqPrV)
- [Katie Zhao](https://codepen.io/katiezhao/pen/BaROjzJ?editors=1010)
- [Megan Chen](https://codepen.io/megan_cc/pen/bGWxEpv)
- [Mia](https://codepen.io/whfan96/pen/RwVYRjP)
- [Ryan Yang](https://codepen.io/RYANYANG1102/pen/VwbGjxw?editors=1010)
- [lingxuan](https://codepen.io/penglingxuan/pen/KKmxgOO?editors=1010)
- [D.E.](https://codepen.io/ailentde/pen/vYmzeJz)
- [Betty](https://codepen.io/gtut3252300/pen/xxdaywg?editors=1011)
- [poko](https://codepen.io/mingxuan-hsu/pen/RwVYdOr)
- [SunWei](https://codepen.io/sunweiii/pen/YzVOmQG)
- [一美](https://codepen.io/Nulaco/pen/VwbEwzO?editors=1010)
- [Daisord](https://codepen.io/daisord/pen/KKmGReG)
- [RC](https://codepen.io/rc_code/pen/zYwmQbZ?editors=1010)
- [Lina](https://codepen.io/LinaChen/pen/bGWmPNb)
- [yuki](https://codepen.io/sihyu/pen/WNjaqxQ?editors=1010)
- [Kaori](https://codepen.io/erxxx4321/pen/QWvZeZx)
- [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/YzVRPYq)
- [Han](https://codepen.io/PeiHan/pen/JjNeMGx?editors=1010)
- [SinHsieh](https://codepen.io/SinHsieh/pen/PomxQNE)
- [敬智](https://codepen.io/hjingjhih/pen/GRmwYvy)
- [Parsons](https://codepen.io/tom00502/pen/KKmrrdp)
- [frank2411](https://codepen.io/wlk0411/pen/KKmrrzp)
- [Churng](https://codepen.io/churng/pen/BaRGbPa)
- [Joyce](https://codepen.io/lcijoyce622/pen/dyWwbZv)
- [家妃](https://codepen.io/emily_lin/pen/mdmaMbZ)
- [james](https://codepen.io/hong-wei/pen/yLbrKQd)
- [阿儒](https://codepen.io/colinchiu87/pen/dyWEZgp)
- [LuYing](https://codepen.io/lilylily819/pen/jOmoadQ)
- [Yiren](https://codepen.io/Yiren_Liou/pen/QWgLaOx)
- [chiakilala](https://codepen.io/chiakilalala/pen/JjJBKZJ)
- [Joy Cheng](https://codepen.io/joycheng5432/pen/RwZRWve)