---
# System prepended metadata

title: "\U0001F3C5 Day 01 - 變數自我介紹"
tags: [JS 直播班 - 2022 秋季班]

---

---
tags: JS 直播班 - 2022 秋季班
---
# 🏅 Day 01 - 變數自我介紹

### 題目

歡迎大家參加這次的 JS 工程師養成直播班，就先來自我介紹一下吧! 
首先請大家替以下的變數適當的命名，並賦予它們值:

>變數 1: 組別
>變數 2: Discord 名稱
>變數 3: 來自哪裡
>變數 4: 目前的職位
>變數 5: 興趣
>變數 6: JS 學習時數


接著透過 `console.log` 輸出以下字串，`「」`中的內容需要**依序**代入上面的變數呈現。

```
大家好，我是第「x」組的「xxx」，很高興認識各位！ 我來自「xx」，目前是一個「xxx」，平常的興趣是「xxx」。 預計之後每天會花「x」小時學習 JavaScript，未來還請多多指教。
```

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

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

<!-- 解答： 
let teamNum = 0;
let discordName = "Yun";
let comeFrom = "咆哮深淵";
let myJob = "召喚師";
let myHobby = "餵普羅";
let studyJsHour = 3;

console.log(`大家好，我是第「${teamNum}」組的 「${discordName}」，很高興認識各位! 我來自「${comeFrom}」，目前是一個「${myJob}」，平常的興趣是「${myHobby}」。預計之後每天會花「${studyJsHour}」小時學習 JavaScript，未來還請多多指教。`);

以上解答純屬範例
-->




回報區
---


|      Discord      |                               CodePen / 答案                                |
|:-----------------:|:---------------------------------------------------------------------------:|
|      Gobo#3703    |               [CodePen](https://codepen.io/eipakoeq-the-animator/pen/dywdMWv) 
|      嗶嗶羊#8042      |               [CodePen](https://codepen.io/mazizlte-the-typescripter/pen/MWGBmXp?editors=0011) 
|      瑋慶#2480      |               [CodePen](https://codepen.io/htzwgoqt-the-looper/pen/RwyJOWZ?editors=1111)                |
|      YC#2522      |               [CodePen](https://codepen.io/YCLu/pen/xxjjmPr)                |
|     Judy#7874     |       [CodePen](https://codepen.io/hsiaohan/pen/dyeewKm?editors=1011)       |
|     薯餅#3581     |           [CodePen](https://codepen.io/ColdingPoTaTo/pen/ZEooVRO)           |
|    azami#5986     |               [CodePen](https://codepen.io/azami/pen/qBYYLJp)               |
|    心幻羽#0056    |            [CodePen](https://codepen.io/linglingsyu/pen/WNJJLYN)            |
|    JackC#0411     |              [CodePen](https://codepen.io/key0329/pen/mdLLaGQ)              |
|     威0#6919      |     [Codepen](https://codepen.io/n0918679182/pen/ZEooVZL?editors=0010)      |
|     m_m#5493      |             [Codepen](https://codepen.io/minnn7716/pen/vYjjvbV)             |
|    CofCat#9226    |      [Codepen](https://codepen.io/cofcat456/pen/LYmmMam?editors=1011)       |
|     大衛#4869     |       [Codepen](https://codepen.io/exnsrpjc/pen/LYmmMvm?editors=1011)       |
|  Potatolee#7749   |            [Codepen](https://codepen.io/potatoleee/pen/xxjjmNp)             |
|   Daisy Li#4231   |        [Codepen](https://codepen.io/lidairong-gmail-com/pen/bGMMOKP)        |
|    法希娜#3206    | [Codepen](https://codepen.io/yiiserpf-the-encoder/pen/qBYYLeY?editors=1111) |
|     艸良#2846     |     [Codepen](https://codepen.io/momoninainai/pen/yLjjZBV?editors=1112)     |
|    Winnie#1306    |    [CodePen](https://codepen.io/WinnieWuWinnie/pen/eYrrxNR?editors=0012)    |
| 魚子醬Cavier#5220 |       [Codepen](https://codepen.io/haihsuan/pen/poVVGyR?editors=1111)       |
|   hannahTW#2224   |      [Codepen](https://codepen.io/hangineer/pen/mdLLvVY?editors=1011)       |
|    黃士桓#7654    |          [codePen](https://codepen.io/shr-huan-huang/pen/qBYYgRJ)           |
|     kuku#3118     |     [codePen](https://codepen.io/mengting-ku/pen/qBYYgZy?editors=1111)      |
|    yawun#0042     |             [codepen](https://codepen.io/monicalin/pen/wvjjNPG)             |
|     無名#6427     |       [codepen](https://codepen.io/Nomoney/pen/gOzzqvp?editors=0011)        |
|     教練#6451     |           [codepen](https://codepen.io/monkeybear721/pen/QWrrYap)           |
|    Hazel.#6020    |      [codepen](https://codepen.io/Hazelhsieh/pen/zYjjeWL?editors=1011)      |
|      VT#0895      |               [Codepen](https://codepen.io/vt197/pen/YzLLBdz)               |
|  KatyChiang#1554  |       [Codepen](https://codepen.io/Kai0819/pen/wvjjNNg?editors=1010)        |
|     圈圈#4060     |         [CodePen](https://codepen.io/wjejfczn-the-bold/pen/jOxxdNq)         |
|  hsiung阿熊#4079  |             [CodePen](https://codepen.io/hsiungchi/pen/abGGMoM)             |
|     Rice#8043     |       [CodePen](https://codepen.io/riecball/pen/KKRREVR?editors=1011)       |
|    Arista#5802    |           [CodePen](https://codepen.io/arista-hsieh/pen/BaxxbZw)            |
|   beta lin#1445   |       [Codepen](https://codepen.io/linbeta/pen/eYrrXVo?editors=0011)        |
|    hungya#0773    |      [CodePen](https://codepen.io/hungya777/pen/GRdderr?editors=0011)       |
|    homer#1525     |             [CodePen](https://codepen.io/Buckhorn/pen/mdLLvpd)              |
|  JustinLiu#9699   |      [Codepen](https://codepen.io/justin0227/pen/PoeeLXQ?editors=0011)      |
|    楓之聲#6945    |             [Codepen](https://codepen.io/sshane258/pen/poVVYGY)             |
|     yumy#1940     |      [Codepen](https://codepen.io/yumy_yamg/pen/vYjjPPZ?editors=0010)       |
|  出事了阿伯#9923  |     [Codepen](https://codepen.io/BradpittLai/pen/wvjjORX?editors=1011)      |
|  suihsilan#9485   |      [Codepen](https://codepen.io/suihsilan/pen/abGGMeN?editors=0010)       |
|     Fan#3405      |              [Codepen](https://codepen.io/Fan123/pen/qBYYwBq)               |
|     Ohno#1144     |       [Codepen](https://codepen.io/mmaa7850/pen/RwyyOPx?editors=1111)       |
|  Shalina123#3090  |            [Codepen](https://codepen.io/shalina123/pen/xxjjeVR)             |
|    君Jyun#0147    |       [Codepen](https://codepen.io/Okaybeok/pen/gOzzyMK?editors=0011)       |
|      富#0389      |     [Codepen](https://codepen.io/spring40747/pen/NWMMmro?editors=1111)      |
|    Yishan#4902    |       [Codepen](https://codepen.io/gdjrehhw-the-animator/pen/wvjjZgR)       |
|   banazita#5143   |       [CodePen](https://codepen.io/banazita/pen/wvjjZXb?editors=1111)       |
|    Iris_#8462     |               [Codepen](https://codepen.io/pen/?editors=1111)               |
|  Yuna Huang#2692  |       [Codepen](https://codepen.io/Yuna1002/pen/WNJJWVv?editors=0010)       |
|  AmberWang#2504   |     [CodePen](https://codepen.io/dmpjhhtt-the-typescripter/pen/LYmmoVB)     |
|    粉蒸肉#6214    |       [CodePen](https://codepen.io/wrightyu/pen/KKRRLpg?editors=1010)       |
|    albee#9121     |            [CodePen](https://codepen.io/albee-chang/pen/GRddamK)            |
|    Hilda#7085     |  [Codepen](https://codepen.io/vwquikad-the-vuer/pen/QWrrRmp?editors=0012)   |
|    Velma#1693     |              [Codepen](https://codepen.io/Ze1225/pen/poVVmLr)               |
|    Cream#3449     |       [Codepen](https://codepen.io/frxdwbbi-the-sasster/pen/ZEooNLJ)        |
|     yoyo#1003     |     [Codepen](https://codepen.io/crpbugqy-the-typescripter/pen/qBYYGPQ)     |
|    Rr#2215        |     [Codepen](https://codepen.io/rufangcheng/pen/Baxxegp)                                                                        |
|   AuroraC#6539    |       [codepen](https://codepen.io/AuroraC/pen/ZEooNjr?editors=0012)
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/oNddrLg?editors=1111)
| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/dyeeBvY?editors=0010) |
| 雷雷#7844 | [CodePen](https://codepen.io/lei-yi-jie/pen/ExLLBKJ?editors=0011) |
| Greta#0837 | [CodePen](https://codepen.io/gretali/pen/XWqqLew) |
| 哈囉哈#5196 | [CodePen](https://codepen.io/bill0841205/pen/PoeereJ?editors=1111) |
| SunnyCheng#4113 | [CodePen](https://codepen.io/Sunny0509/pen/MWGGMrL) |
| xherobruce#6825   |    [CodePen](https://codepen.io/winwinbruce/pen/Baxxgwm?editors=1111)        |
|WEI_RIO#9342|[CodePen](https://codepen.io/wei_wu/pen/Baxxgvr?editors=0011)|
|amy芳#1385|[CodePen](https://codepen.io/amy-chieng/pen/mdLLNjz)|
|Benson#6763|[CodePen](https://codepen.io/kumashow/pen/RwyJbNv)|
|jin.huang#4666|[CodePen](https://codepen.io/haha1196/pen/PoeaYOq)|
|FiReBrO#0557|[CodePen](https://codepen.io/firebro42/pen/abGKoBG)|
 0xWilliam#8796   |    [CodePen](https://codepen.io/0xWilliam0322/pen/yLjjWEP?editors=1111)|
| Amberhh#2465         | [Codepen](https://codepen.io/Amberhh/pen/GRdGKYJ?editors=0011)                                                |
| 朧.#9548             | [Codepen](https://codepen.io/crushing_omega/pen/zYjaOPj)                                                      |
| shinyhung#3825       | [Codepen](https://codepen.io/sean_1215/pen/ZEoRzwo?editors=1111)                                              |
| 鑫鑫#4346            | [CodePen](https://codepen.io/Neil1024/pen/WNJyemO?editors=0011)                                               |
| juri#5114            | [CodePen](https://codepen.io/jurry126/pen/mdLKddP?editors=0011)                                               |
| Barret#1119          | [CodePen](https://codepen.io/barret0720/pen/YzLvzrW?editors=0011)                                             |
| 柔柔#1716            | [CodePen](https://codepen.io/rouchen/pen/GRdGRQm?editors=1112)                                                |
| pidder#7315          | [CodePen](https://codepen.io/liaoben/pen/BaxVaPY?editors=1111)                                                |
| 萱仔#0781            | [CodePen](https://codepen.io/ting-hsuan/pen/GRdGReO)                                                          |
| shio#1414            | [CodePen](https://codepen.io/shioyen/pen/rNvKNXN?editors=1111)                                                |
| XYY#2630             | [CodePen](https://codepen.io/Xing-Ying/pen/KKRewzL?editors=1111)                                              |
| tweety#3439          | [CodePen](https://codepen.io/wertweety/pen/BaxVyWG)                                                           |
| Ryan Chiang#6649     | [Codepen](https://codepen.io/ryanchiang/pen/NWMzPMZ?editors=1112)                                             |
| 艾芮絲#6060          | [Codepen](https://codepen.io/wangyingju/pen/abGKzxL)                                                          |
| charlottelee849#0366 | [Codepen](https://codepen.io/charlotte-lee/pen/GRddxdM?editors=1111https://codepen.io/wangyingju/pen/abGKzxL) |
| Data#9297            | [Codepen](https://codepen.io/kirakira72/pen/dyeKPLK)                                                          |
| YI#0863              | [Codepen](https://codepen.io/YI0305/pen/dyeKPBj?editors=0012)                                                 |
| 黑白兔#0684          | [Codepen](https://codepen.io/johnny329/pen/WNJJmPa)                                                           |
| ViNci#4273           | [CodePen](https://codepen.io/ViNciSyo/pen/zYjaGxE)                                                            |
| 王懷英#7271          | [CodePen](https://codepen.io/huaiying/pen/qBYKdBY)                                                            |
| 予予#9627            | [CodePen](https://codepen.io/kiqzcraa/pen/mdLKJdo)                                                            |
| Hironaka#7367        | [CodePen](https://codepen.io/Hironaka0815/pen/BaxVypG?editors=0011)                                           |
| StellaHsu#2687       | [CodePen](https://codepen.io/stella950114/pen/xxjzGgz?editors=0011)                                           |
| 入門小菜G#0191       | [CodePen](https://codepen.io/gybcmlfj-the-typescripter/pen/gOzKbjZ?editors=1010)                              |
| 毛毛雨#2242          | [CodePen](https://codepen.io/em-lee/pen/WNJyvpx?editors=1111)                                                 |
| Karol-Kuo#5287       | [CodePen](https://codepen.io/ting-yu-kuo/pen/ExLRjbR?editors=0011)                                            |
| Kimi#9564            | [CodePen](https://codepen.io/kimihu91/pen/wvXvNZR)                                                            |
| RJRS#9430            | [CodePen](https://codepen.io/RJRS/pen/YzLvXOm)                                                                |
| KC_8685#9343         | [CodePen](https://codepen.io/cathy7411/pen/XWqYbVE)                                                           |
| jamesccc#6244        | [CodePen](https://codepen.io/nimwnynv-the-sasster/pen/gOzKapw?editors=1111)                                   |
| 黑松胖#4836          | [CodePen](https://codepen.io/yi-chien-hsieh/pen/QWrxbxp?editors=0012)                                         |
| PayRoom#8328         | [CodePen](https://codepen.io/water38198/pen/ExLRVPM)|
|竹輪#3335             |[CodePen](https://codepen.io/chikuwa0120/pen/KKRedMo)|
| Lucie#3831        | [CodePen](https://codepen.io/bisespei/pen/xxjzGmm)   |
| cbs#9007     | [CodePen](https://codepen.io/wasdjk/pen/oNdyjYg?editors=0011)|
| jackson204#6363     | [CodePen](https://codepen.io/jackson204/pen/KKRedzo?editors=1111)|
| Vera#5592  | [CodePen](https://codepen.io/skvera/pen/oNdyjdx)|
| YiTzu妮莎#2717  | [CodePen](https://codepen.io/yitzufu/pen/WNJyQRd)|
| terencedev#5096  | [CodePen](https://codepen.io/terencedev/pen/MWGXaOZ)|
|Judy Wei#6103|[CodePen](https://codepen.io/Judy0718/pen/qBYKOyO)|
布萊N #6319|[CodePen]([/Z-R0rrVwR-252ceXnBzBgw](https://codepen.io/bryanlincode/pen/abGKzdZ))|
豆豆 #9088|[CodePen](https://codepen.io/qaz326978547/pen/BaxVobr)|
| Tuhacrt#0008 | [CodePen](https://codepen.io/Tuhacrt/pen/WNJyrQL) |
| Nini Chen#5790 | [CodePen](https://codepen.io/ninistyle/pen/jOxKbZp?editors=0010) |
| Wei#2330    |   [Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/XWqYXXm?editors=0012)|
| 大大#5164    |   [Codepen](https://codepen.io/gzonothk-the-looper/pen/BaxVjJM?editors=1012)|
| 郭芙蘭#6374    |   [Codepen](https://codepen.io/flora_Kuo/pen/ZErZeeX?editors=1111)|
| 雨增#9840    |   [CodePen](https://codepen.io/ordinaryjane/pen/LYmrGWL)|
| Clara#1275 |   [CodePen](https://codepen.io/bsupixqu/pen/jOxKWJP?editors=1111)|
Paul#7426 |   [CodePen](https://codepen.io/paul-1997/pen/JjvZGQM?editors=0011)|
How#5806 |   [CodePen](https://codepen.io/howtobefine/pen/PoeaNNM?editors=1111)|
| yuling#1634           | [CodePen](https://codepen.io/igzdflpu/pen/MWGXypm)                               |     |
| --------------------- | --------------------------------------------------- | --- |
| Yukon#2618            | [CodePen](https://codepen.io/ukowork/pen/GRdGZQR?editors=1111)                   |     |
| Lynn73#3164           | [CodePen](https://codepen.io/LYNN0703/pen/LYmrNMv?editors=1111)                  |     |
| 我是泇吟#5189         | [CodePen](https://codepen.io/kljuqbxs/pen/LYmrNqv)                               |     |
| Baozi#2042            | [CodePen](https://codepen.io/lillianyu/pen/MWGXyGE)                              |     |
| ssozr#4680            | [codepen](https://codepen.io/ssozr/pen/wvjjOKe?editors=0010)                     |     |
| ling chang#1024       | [CodePen](https://codepen.io/ling-chang/pen/YzLvwvL)                             |     |
| meimei#9524           | [Codepen](https://codepen.io/isnrudav/pen/KKReMVQ)                               |     |
| YU #0618              | [Codepen](https://codepen.io/yoken_/pen/Vwxdjra)                                 |     |
| yen #5757             | [Codepen](https://codepen.io/TZU-HUANG-YEN/pen/xxjzOew)                          |     |
| J_u_d_y#5993          | [Codepen](https://codepen.io/J_u_d_y/pen/jOxKrJQ?editors=1010)                   |     |
| jacky010080#0880      | [CodePen](https://codepen.io/Yen-Jung-Chen/pen/yLjEaJm?editors=0011)             |     |
| LQQ#4187              | [CodePen](https://codepen.io/morefoodq/pen/bGMKBgV)                              |     |
| Chloe#5422            | [CodePen](https://codepen.io/Ironchloe/pen/MWGXJVZ?editors=0010)                 |     |
| 蓁心#6229             | [CodePen](https://codepen.io/tlorfrnl-the-typescripter/pen/WNJyOqg?editors=0011) |     |
| peter.chen#1932       | [CodePen](https://codepen.io/JIAN-RONG/pen/JjvZyqO?editors=0012)                 |     |
| 軟綿綿 (๑•ᴗ•๑) ♡#3627 | [CodePen](https://codepen.io/Connie-Chien/pen/oNdyGzP?editors=0011)              |     |
| 阿風#6890             | [CodePen](https://codepen.io/Afonguwu/pen/LYmrOGw)                               |     |
| Eileen#6454           | [CodePen](https://codepen.io/Eileen-io/pen/eYrKemj)                              |     |
| yoshidc#0455          | [CodePen](https://codepen.io/yoshiyyc/pen/Vwxdrre)                               |     |
| 芮綺#5224             | [CodePen](https://codepen.io/zhan70/pen/zYjaPPX?editors=1111)                    |     |
| 泰泰泰泰#0582         | [CodePen](https://codepen.io/tesdzzph-the-bashful/pen/abGKVyg?editors=1111)      |     |
| pss940909#8650        | [CodePen](https://codepen.io/pss940909/pen/gOzKXvW?editors=1111)                 |     |
| Chung#5951            | [CodePen](https://codepen.io/yuju16/pen/dyeKZVY?editors=1112)                    |     |
| Loran#1105            | [CodePen](https://codepen.io/loranlin/pen/oNdyoqj?editors=1011)                  |     |
| RyanTsai#8906         | [CodePen](https://codepen.io/linlaose/pen/JjvZMKR)                               |     |
| avan#4709             | [CodePen](https://codepen.io/avantsao/pen/MWGXreN?editors=0010)                  |     |
| awei#0720             | [CodePen](https://codepen.io/Aweishi/pen/LYmrexW?editors=0010)                   |     |
| mou#2215              | [CodePen](https://codepen.io/shihchiehlan/pen/JjvZMNE)                           |     |
| curtis#4780           | [CodePen](https://codepen.io/curtislin/pen/LYmreae)                              |     |
| Azi Hsieh#2861        | [CodePen](https://codepen.io/AziHsieh/pen/WNJyMrv)                               |     |
| jimmyFang#9575        | [CodePen](https://codepen.io/pohxiqqo/pen/bGMKLRV?editors=0010)                  |     |
| 末次#0236             | [CodePen](https://codepen.io/yunjulee/pen/zYjaRzp)                               |     |
| Gill#9280             | [CodePen](https://codepen.io/Gill-Chin/pen/ExLRQEL)                              |     |
| 陳正豪#8460           | [CodePen](https://codepen.io/cheetah116/pen/abGKqVG?editors=1111)                |     |
| 阿彬#2789             | [CodePen](https://codepen.io/eric-jian/pen/MWGXQqE)                              |     |
| 勁辣雞腿寶#5817       | [CodePen](https://codepen.io/orz311013/pen/KKReQYv?editors=0012)                 |     |
| ZawaLeng#4307         | [CodePen](https://codepen.io/len5464/pen/gOzKeGg?editors=1111)                   |     |
| L0F0#8733             | [CodePen](https://codepen.io/l0f0/pen/XWqYYpe?editors=0011)                      |     |
| 母湯#7211             | [CodePen](https://codepen.io/tommyshih77/pen/JjvZBpP?editors=0011)               |     |
| Daphne#1279           | [CodePen](https://codepen.io/osel1016/pen/dyeKqyO)                               |     |
| Milvii#7341           | [CodePen](https://codepen.io/Monstertroll/pen/OJZEwRW)                           |     |
| VK#6657               | [CodePen](https://codepen.io/VKCS/pen/XWqYxmR)                                   |     |
| Hayaka#4579           | [CodePen](https://codepen.io/CocoCat/pen/BaxVqOo?editors=0011)                   |     |
| kenki100#0068         | [CodePen](https://codepen.io/ken100/pen/PoeayjM)                                 |     |
| WilliamLai#0196       | [CodePen](https://codepen.io/lai-weihan/pen/zYjamMj)                             |     |
| poetry1933#2713       | [Codepen](https://codepen.io/poetry1932/pen/bGMKmPB?editors=0010)                |     |
| Silvialu#4521         | [Codepen](https://codepen.io/Silvia091640/pen/MWGXZNy)
| Cynthia1111#1822      | [Codepen](https://codepen.io/Cynthia1111/pen/JjvZxdM?editors=0010)
| 狸貓#5863 | [Codepen](https://codepen.io/tanuki320/pen/XWqYGLv)
| Cookie SSS#6991       | [CodePen](https://codepen.io/sqhjikpa-the-selector/pen/PoeagZQ?editors=1011)   
| tanya#5104            |[CodePen](https://codepen.io/tanya0207yh/pen/GRdGPqy?editors=1012)
| Karen#6487            |[CodePen](https://codepen.io/renakaren/pen/mdLKvvb)
| RuoAn#7124 | [Codepen](https://codepen.io/LiauRuoAn/pen/dyeKLzR?editors=0010)
| Shuo#1596 | [Codepen](https://codepen.io/chiangchungshuo/pen/bGMKyJw)
| Lainie#2170 | [Codepen](https://codepen.io/Lainie88/pen/ZEoRNNv?editors=1111)
|bingsu#2362|[Codepen](https://codepen.io/pmyfr/pen/poVZJgg?editors=1010)
|RayChen#6088|[Codepen](https://codepen.io/raychen1996/pen/MWGBabG)
|Joy1712#4670|[Codepen](https://codepen.io/Joy1712/pen/qBYybgj?editors=1111)
|Ringo#7583|[Codepen](https://codepen.io/ringolai1988/pen/wvjxGja?editors=0011)
|Tami#6742|[Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/abGjZvQ?editors=0010)
|維尼#2200|[Codepen](https://codepen.io/gxvzprtq-the-selector/pen/zYjLoBw?editors=0012)
|阿蘇#8531|[Codepen](https://codepen.io/susu3131/pen/oNdMBBr?editors=0011)
|Ayre#0016|[Codepen](https://codepen.io/yichunlin09/pen/oNdMBJX?editors=0011)|
|Mia小福#4473|[Codepen](https://codepen.io/a0950271/pen/OJZwmXG)|
|山貓(焜)#7041|[Codepen](https://codepen.io/nopeta/pen/GRdBQQL)|
|肉桂卷#0625|[Codepen](https://codepen.io/ginnlee/pen/ZEojJdQ?editors=0011)|
|三隻小貓#1905|[Codepen](https://codepen.io/bagelover/pen/VwxBdZQ?editors=1011)|
|Sonia Wu#7154|[Codepen](https://codepen.io/YUJOU/pen/jOxpKME?editors=1111)|
|Jun91#7107|[Codepen](https://codepen.io/Jun91/pen/GRdBebr?editors=1111)|
|Yiru#0236|[Codepen](https://codepen.io/yiru94/pen/XWqBNKM)|
|k.sim#3115|[Codepen](https://codepen.io/sin588/pen/PoedwMd?editors=0011)|
|lee#5462|[Codepen](https://codepen.io/barrylee85/pen/poVOyKy?editors=0111)
|kevin8349#6131|[Codepen](https://codepen.io/xlqjezvc-the-encoder/pen/abGaNRE?editors=0011)
|Jhen#4563|[Codepen](https://codepen.io/su-jhen/pen/poVOEmX)
|阿修#9176|[Codepen](https://codepen.io/xiu-tong/pen/wvjEogZ?editors=1111)
|Evelyne#7323|[Codepen](https://codepen.io/Evelynep/pen/KKRxWvr)|
|jonathanlin83#5063|[Codepen](https://codepen.io/jonathanlin83/pen/MWGPWjm?editors=1111)|
|H.L.C#2152|[codepen](https://codepen.io/hsin-liang/pen/ExLeRqo)|
|健育#5748|[codepen](https://codepen.io/c1317156/pen/eYrPgJW)|
|yaru#6308|[codepen](https://codepen.io/lszaietc/pen/LYmJWzN)|
|IreneY#0086|[codepen](https://codepen.io/HalfPlannedJourney/pen/gOzBGbv)|
|Chian#1564|[codepen](https://codepen.io/chian-yang/pen/vYjVRjw)|
|yanlin_liu#2191|[codepen](https://codepen.io/simplelife/pen/qBYJYBw?editors=0011)
|Karen Chan#4625|[codepen](https://codepen.io/ruruchan7/pen/dyeQXaa)
|sophiee#7015|[Codepen](https://codepen.io/sophiee2727/pen/wvjQJOP?editors=1011)
|Novella#1032|[codepen](https://codepen.io/Novellaq/pen/yLjGPLB?editors=0011)
|RosaC#4286|[codepen](https://codepen.io/RosarC/pen/GRdPOQP?editors=0011)
|joy91#5463|[codepen](https://codepen.io/joylin0915/pen/zYjMrEe)
| christina#6185 |[codepen](https://codepen.io/chrisc0210/pen/XWqoqyx)
| Aritan#1931 |[codepen](https://codepen.io/Aritan/pen/eYrbXLB?editors=1111)
| popcorn_3q#9893 |[codepen](https://codepen.io/arnyrpqt-the-sasster/pen/mdxyewb?editors=1011)|
|乾一杯#5495 |[codepen](https://codepen.io/5495/pen/KKRrzQL)|
|kancheng#3915|[CodePen](https://codepen.io/kancheng/pen/XWqGZJq?editors=0011)|
|周周#3503|[CodePen](https://codepen.io/jhoujhou-the-decoder/pen/ExRxbyX?editors=1011)|
|samger#0808|[CodePen](https://codepen.io/lee-wei-hong/pen/vYrXOya)|
|bubble#6216|[CodePen](https://codepen.io/mmdkausk-the-reactor/pen/OJEWGrm)|
|精靈#9527|[CodePen](https://codepen.io/vesbexih-the-bashful/pen/eYbeJrq?editors=1111)|
|yana1209|[CodePen](https://codepen.io/yana1209/pen/MWZPyae)|
|Amelia|[CodePen](https://codepen.io/amelia8899/pen/vYvQeYp?editors=1111)|
|sponge|[CodePen](https://codepen.io/biunpujm-the-flexboxer/pen/poqGdGe?editors=1011)|
|alice|[CodePen](https://codepen.io/Alice-Lee-the-solid/pen/qBgexXE?editors=0012)|



