---
# System prepended metadata

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

---

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

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

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

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

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

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

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

<!-- 解答
<div id="app">
  <div class="container mt-3">
    <h3>Q1</h3>
    <form @submit.prevent="onSubmit" class="mb-3">
      <button>送出表單</button>
    </form>
    <h3>Q2</h3>
    <button @click.once="executeOnce" class="mb-3">點擊按鈕</button>
    <h3>Q3</h3>
    <input type="text" v-model="text" @keyup.enter="onEnter">
  </div>
</div>
-->

回報區
---
| 報數 |組別/名字  | codepen / 其他回饋    | 
|:--------:| -------- | -------- | 
|1| Iris Huang | https://codepen.io/ythuang/pen/VwrwGMa |
|2|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/PoOoBMz|
|3|Fleur | https://codepen.io/swwlee/pen/VwrwGya|
|4| Larry | https://codepen.io/larrylinr5/pen/RwjwYjo |
|5|Aaron Tu|https://codepen.io/aarontu/pen/BamaOrm |
|6|威爾|https://codepen.io/WILL_Wu/pen/abVbaRz|
|7|AllenW|https://codepen.io/AllenW/pen/vYWYzag|
|8|Sheep| https://codepen.io/SheepNDW/pen/QWOWVzV |
|9| 肉鬆 | https://codepen.io/klrkicog/pen/mdqdGYB?editors=1011 |
|10|Howard|https://codepen.io/yawdnhbm/pen/VwrwEZb|
|11|Jason Chen|https://codepen.io/jason60810/pen/bGYGmGx |
|12|kevinhes|https://codepen.io/kevinhes/pen/jOaOeOd?editors=1011|
|13|Arista|https://codepen.io/arista-hsieh/pen/VwrwEbr |
|14|Jhen|https://codepen.io/cheng-jhen/pen/GRORYjx?editors=1111 |
|15|Jerry|https://codepen.io/rteyfwwd-the-scripter/pen/MWOWPqK?editors=1010|
|16|Elaine Liu|https://codepen.io/elaine7598/pen/dyZygQm
|17|Terry21|https://codepen.io/feng0409/pen/zYPYmyZ?editors=1011 |
|18|YC|https://codepen.io/YCLu/pen/YzEzRWd |
|19|Gill|https://codepen.io/Gill-Chin/pen/GRORYeP |
|20|Liu| https://codepen.io/feng-chi-liu/pen/MWOWzmm?editors=1111 |
|21|Yunei|https://codepen.io/Yunei/pen/xxPxQPJ|
|22|Benson|https://codepen.io/soul81624/pen/XWzWyxY|
|23| Karen Huang | https://codepen.io/Coding_Snorlax/pen/QWOWZre?editors=1011 |
|24|andersonshen| https://codepen.io/luxyenni-the-bold/pen/mdqdayV |
|25|Jasper|https://codepen.io/li-jasper/pen/oNoNJYN |
|26| Kelvin Hsu | https://codepen.io/kelvin001/pen/Bamavdd?editors=1010 |
|27| 4/Empty Wu | https://codepen.io/emptywu/pen/OJOJrxg |
|28|kk|https://codepen.io/potatokaka/pen/yLPLQXb?editors=1011|
|29| POPEYE | https://codepen.io/popeye_ux/pen/oNoNJJL |
|30|群嘉|https://codepen.io/efzdamnp-the-lessful/pen/ExbxrxV|
|31|有廖先生(rain)|https://codepen.io/billpop741/pen/RwjwqmN|
|32|Henry Wu|https://codepen.io/dkcmlaww-the-flexboxer/pen/QWOWYPw?editors=1011 |
|33|我是泇吟|https://codepen.io/kljuqbxs/pen/podoYRN|
|34|Charlotte Lee|https://codepen.io/charlotte-lee/pen/vYWYPyb?editors=1010 |
|35|陳暐中|https://codepen.io/wei-z/pen/qBVBvgg?editors=1011 |
|36|PeiChi|https://codepen.io/pei-chi-tsai/pen/podoYYW?editors=1011|
|37| Otis | https://codepen.io/humming74/pen/abVbxyg?editors=1011 |
|38| Wenfish | https://codepen.io/wenfisht/pen/GRORzoQ |
|39|小K|https://codepen.io/kelen1995/pen/JjOjVzY|
|40|nora-end|https://codepen.io/nora-shu/pen/BamaeRq |
|41|shio|https://codepen.io/shioyen/pen/dyZyxap?editors=1011 |
|42| Wenfish | https://codepen.io/wenfisht/pen/GRORzoQ |
|43| 肉桂卷 |https://codepen.io/ginnlee/pen/VwrYZYp?editors=1011|
|44|John|https://codepen.io/jiangshuuu/pen/NWaXXWb?editors=1111|
|45|Calon|https://codepen.io/Calon0118/pen/ExbaxLL|
|46|Judy☻|https://codepen.io/hsiaohan/pen/rNYaNMw?editors=1011 |
|47|Bruno Yu|https://codepen.io/bruno-yu/pen/RwjNNVa?editors=1010 |
|48|Tim Lin|https://codepen.io/TimmyLin/pen/BamyNGb|
|49|咖咖|https://codepen.io/gon790219/pen/LYOEpwv |
|50|tingyu| https://codepen.io/dgltu/pen/BamyjgY?editors=1011 
|51|dOvOb|https://codepen.io/gezzgrwj-the-styleful/pen/PoOwzNv?editors=1111
|52|Scottie|https://codepen.io/wow767t/pen/podvdpN?editors=1011|
|53|Evan|https://codepen.io/Evan_9837/pen/MWOYOqv|
|54|Himi|https://codepen.io/Himi/pen/XWzJVRy|
|55|阿劍| https://codepen.io/seonkuraito/pen/LYzqNwj |
|56|Bella Shya| https://codepen.io/BellaXie/pen/rNYadNW?editors=1010 |
|57| Vicky| https://codepen.io/hyxfish27/pen/yLPyqXa |
|58|Rick Tzeng|https://codepen.io/rick917jp6/pen/BamyvpQ?editors=1111|
|59|DDDDK|https://codepen.io/dkklee/pen/abVzeeo|
|60|柴貓|https://codepen.io/shibacat/pen/vYWEooy|
|61|Steven Chan|https://codepen.io/Steven1220/pen/eYeNOQN?editors=1011|
|62|卡丘|https://codepen.io/OneKwei/pen/gOXpXgZ|
|63|Henry|https://codepen.io/kaohenry9287/pen/xxPGPwd|
|64|Yummyniya|https://codepen.io/yummyniya/pen/podjRwo|
| 65 | Sihle Huang | https://codepen.io/bugbug777/pen/QWOjgjo |
|66|AKI| https://codepen.io/akichen27/pen/dyZYVWG |
|67|mei| https://codepen.io/Shila-Chen/pen/gOXayPJ |
|68|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/RwjaQQP?editors=1012 |
|69|FuChang|https://codepen.io/fuchang830714/pen/JjOYXVK|
|70|hua|https://codepen.io/hahahazzz123/pen/QWONeJj?editors=1111|
|71|阿武|https://codepen.io/samwnkyat/pen/vYWXNpK?editors=1011|
|72|ZY Hsu|https://codepen.io/zihyin/pen/qBVrVqo?editors=1011|
|73|Bonnie|https://codepen.io/bonnieli1414/pen/QWOpoOy?editors=1111|
|74|Hedy|https://codepen.io/hhhsuan41/pen/ZEaxrLG?editors=1011|
|75|Gui|https://codepen.io/guitimliu/pen/VwrGxWV|
|76| Mylène | https://codepen.io/hamajibashi/pen/wvPRoMw |
|77|紙飛機| https://codepen.io/paperplanea/pen/vYWPMNN |
|78|大衛|https://codepen.io/exnsrpjc/pen/BaJZmjN?editors=1111 |
|79|Carol Li|https://codepen.io/carolli834/pen/NWYZvmX?editors=1011|
