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

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

題目 (請將答案貼上 CodePen)
---
操作 [這個模板](https://codepen.io/znlcgmgk/pen/NWdegJg?editors=1010)，執行以下要求 (只能操作 HTML 的部分):

> 在 input 欄位輸入文字後，點擊「觸發按鈕」可以觸發 callName 函式

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


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


<!-- 解答
<div id="app">
<div class="container p-3">
<div class="d-flex flex-column">
<label for="name">請輸入姓名</label>
<input type="text" v-model="name" class="mb-3">
</div>
<button type="button" class="btn btn-primary" @click="callName">觸發事件</button>
</div>
</div>
-->

回報區
---
| 報數 |組別/名字 | codepen / 其他回饋 |
|:--------:| -------- | -------- |
|1| 肉鬆 | https://codepen.io/klrkicog/pen/RwLmyYE?editors=1010 |
|2| Iris Hunag | https://codepen.io/ythuang/pen/rNGgvqw |
|3|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/xxXemoa|
|4| Larry | https://codepen.io/larrylinr5/pen/NWaVMOP?editors=1010 |
|5| Sheep | https://codepen.io/SheepNDW/pen/vYewjzQ |
|7| 黑川 | https://codepen.io/kurokawa/pen/JjrqZjB |
|8| Jhen | https://codepen.io/cheng-jhen/pen/zYEQaYR |
|9|Jasper|https://codepen.io/li-jasper/pen/xxXNzKz |
|10| 黃士桓 | https://codepen.io/shr-huan-huang/pen/wvrbXMM?editors=1010 |
|11|有廖先生(Rain)|https://codepen.io/billpop741/pen/OJxYELJ|
|12|Aaron Tu|https://codepen.io/aarontu/pen/LYzorLa|
|13|Jason Chen|https://codepen.io/jason60810/pen/poWmKrW |
| 14 | Sihle Huang | https://codepen.io/bugbug777/pen/yLzWjze
|15|Howard|https://codepen.io/yawdnhbm/pen/oNGRyyK|
|16|Gill|https://codepen.io/Gill-Chin/pen/NWaVzYj?editors=1010|
|17|Benson|https://codepen.io/soul81624/pen/abLrKPM |
|18|Wenfish|https://codepen.io/wenfisht/pen/LYzorja|
|19|Elaine Liu|https://codepen.io/elaine7598/pen/wvrbXRd|
|20| POPEYE | https://codepen.io/popeye_ux/pen/qBPGydB |
|21| Kelvin Hsu | https://codepen.io/kelvin001/pen/NWaVBPX?editors=1010 |
|22|Liu| https://codepen.io/feng-chi-liu/pen/LYzoBpV?editors=1111 |
|23|Arista| https://codepen.io/arista-hsieh/pen/gOGJjrW |
|24|YC|https://codepen.io/YCLu/pen/GRMaBjm |
|25|小K|https://codepen.io/kelen1995/pen/MWEdBbL |
|26|nora-end|https://codepen.io/nora-shu/pen/Exwzpvx?editors=1010|
|27|kevinhes|https://codepen.io/kevinhes/pen/XWewBEW?editors=1010|
|28|群嘉|https://codepen.io/efzdamnp-the-lessful/pen/JjrqBvX?editors=1010|
|29|Zhang|https://codepen.io/Zhangbun/pen/oNGRMVW|
|30|Yunei|https://codepen.io/Yunei/pen/wvrbxZY|
|31|Pei Ying|https://codepen.io/Pei-Ying/pen/zYEQJxB?editors=1010|
|31|卡丘|https://codepen.io/OneKwei/pen/PoJvdwd|
|32|tingyu|https://codepen.io/dgltu/pen/mdBYGLa?editors=1010|
|33|Judy☻|https://codepen.io/hsiaohan/pen/poWmOYE?editors=1010 |
|34|威爾|https://codepen.io/WILL_Wu/pen/XWewxjE|
|35|Empty Wu|https://codepen.io/emptywu/pen/wvrbYqz |
|36|Leo Song|https://codepen.io/sunnylaba/pen/Yzrbjzq?editors=1010 |
|37|陳暐中| https://codepen.io/wei-z/pen/LYzogev?editors=1010|
|38|Scottie|https://codepen.io/wow767t/pen/XWewxQo?editors=1010|
|39|Himi|https://codepen.io/Himi/pen/KKXLrde|
|40|Tim Lin|https://codepen.io/TimmyLin/pen/LYzoXZV|
|41|Henry Wu| https://codepen.io/dkcmlaww-the-flexboxer/pen/xxXNQWw?editors=1010 |
|42|Henry| https://codepen.io/kaohenry9287/pen/gOGJQvX |
|43|AKI|https://codepen.io/akichen27/pen/qBPGQzR |
|44|DDDDK|https://codepen.io/dkklee/pen/ExwzGyN|
|45|Charlotte Lee|https://codepen.io/charlotte-lee/pen/VwMOgVw?editors=1010 |
|46|andersonshen| https://codepen.io/luxyenni-the-bold/pen/KKXLJYQ |
|47|Rick Tzeng|https://codepen.io/rick917jp6/pen/JjrqVOr
|48|John|https://codepen.io/jiangshuuu/pen/NWaXXWb?editors=1011
|49|Bella Shya|https://codepen.io/BellaXie/pen/XWewwdZ?editors=1010|
|50|shio|https://codepen.io/shioyen/pen/bGoyyMg?editors=1010|
|51|我是泇吟|https://codepen.io/kljuqbxs/pen/KKXLjMB|
|52|AllenW|https://codepen.io/AllenW/pen/rNGgZwW|
|53|mei|https://codepen.io/Shila-Chen/pen/XWewLwb|
|54|咖咖| https://codepen.io/gon790219/pen/XWewvKK |
|55|PeiChi|https://codepen.io/pei-chi-tsai/pen/JjrQPLx?editors=1010|
|56|Steven Chan|https://codepen.io/Steven1220/pen/ZEXdExN?editors=1010|
|57|柴貓|https://codepen.io/shibacat/pen/VwMJYbQ|
|58|Calon|https://codepen.io/Calon0118/pen/XWeLJZp|
|59|dOvOb|https://codepen.io/gezzgrwj-the-styleful/pen/RwLzrZJ|
|60|Evan Chiang| https://codepen.io/piskesocute/pen/dyVBOax |
|61|Dobe|https://codepen.io/lisebee/pen/55f4220be7329f551ee57b53105db6d9?editors=1010|
|62|Anna|https://codepen.io/kycrleao/pen/ExwBwab?editors=1011|
|63| Meng | https://codepen.io/MGHN/pen/oNGrPRd?editors=1010 |
|64|kk|https://codepen.io/potatokaka/pen/RwLXPgO?editors=1010|
|65|紙飛機|https://codepen.io/paperplanea/pen/wvrVMdY |
|66|肉桂卷|https://codepen.io/ginnlee/pen/KKXOzjv?editors=1010|
|67|Yummyniya|https://codepen.io/yummyniya/pen/dyVExbR|
|68|Bonnie|https://codepen.io/bonnieli1414/pen/gOGVGJp?editors=1010 |
|69|Terry21|https://codepen.io/feng0409/pen/gOXYLZV?editors=1010 |
|70|Yuan|https://codepen.io/yuanluo13542/pen/XWzrKNY |
|71|Gui|https://codepen.io/guitimliu/pen/yLPBMJG |
|72| Otis | https://codepen.io/humming74/pen/PoOYmxM?editors=1010 |
|73| Vicky| https://codepen.io/hyxfish27/pen/oNGrJdo
|74|Jerry|https://codepen.io/rteyfwwd-the-scripter/pen/rNYBExY|
|75|Will|https://codepen.io/ncrdpepc-the-lessful/pen/OJOJJWV?editors=1010
|76|Bruno Yu|https://codepen.io/bruno-yu/pen/dyZPPQX?editors=1011|
|77|阿劍| https://codepen.io/seonkuraito/pen/BawMKeG
|78|阿武| https://codepen.io/samwnkyat/pen/oNoXpYV?editors=1010
|79|ShaoYu|https://codepen.io/shaoyukao/pen/jOaPzaP|
|80|FuChang|https://codepen.io/fuchang830714/pen/bGoXVJM|
|81|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/QWOyYRx?editors=1010 |
|82|hua|https://codepen.io/hahahazzz123/pen/podyBLg |
|83|ZY Hsu|https://codepen.io/zihyin/pen/OJOpjLN?editors=1010 |
|84|Jianhao|https://codepen.io/jianhao215/pen/vYWxJyO?editors=1010|
|85|andyii|https://codepen.io/gultrotpybyvue/pen/zYPPZrq|
|86|Hedy|https://codepen.io/hhhsuan41/pen/rNYdpyR?editors=1010|
|87| Mylène | https://codepen.io/hamajibashi/pen/xxPmExZ |
|88|大衛|https://codepen.io/exnsrpjc/pen/bGaeyoa?editors=1010 |
|89|Carol Li|https://codepen.io/carolli834/pen/rNdPdBK?editors=1010|