---
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 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：
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)|