---
tags: JS 直播班 - 2022 秋季班
---
# 🏅 Day 02 - 型別與宣告

### 題目

以下兩題請合併為一份 CodePen 繳交，並透過「註解」進行回答。

問題一
---
以下變數 a, b, c, d, e, f 它們的值、型別各自為何? (請先想想看，不要用 console.log 檢查)

let a = "10" + "10";
let b = "10" * "10";
let c = 10 + "10";
let d = 10 * "10";
let e = 10 - "2";
let f = "10" - "2";

請依照以下格式回答

// 問題一
// a = 值, 型別
// b = 值, 型別

問題二
---
請問以下題項哪些是有問題的，並說明為什麼。

// 1
let myName = "jay";

// 2
var _state = true;

// 3
let true = true;

// 4
const 520Pretty = 520;

// 5
const appleNum = 10;
appleNum = 2;

// 6
var ming ='小明';
var ming = '小民';

// 7
const ming = '小明'; 
const ming = '小民'; 

// 8
let ming = '小明';
let ming = '小民'; 

// 9
let ming = '小明';
ming = '小民';

// 10
let $open = "芝麻開門';

範例回答格式:

// 問題二
// (2)，因為 blablabla 
// (3)，因為 balabababa 

## 回報流程

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


<!-- 解答：

問題一：
a = "1010"，string
b = 100，number
c = "1010"，string
d = 100，number
e = 8，number
f = 8，number

問題二：
(3)，關鍵字不可以用來作為變數名稱
(4)，變數名稱的開頭不可以使用數字
(5)，const 不可以重新被指派值
(7)，因為 const 不可重複宣告，會呈現 Uncaught SyntaxError
(8)，因為 let 不可重複宣告，會呈現 Uncaught SyntaxError
(10)，"芝麻開門' 的引號必須成對

-->

回報區
---

| Discord | CodePen / 答案 |
|:---------------------:|:---------------------------------------------------------------------------:|
| 嗶嗶羊#8042 | [Codepen](https://codepen.io/mazizlte-the-typescripter/pen/GRdBEJg?editors=0011) |
| 瑋慶#2480 | [Codepen](https://codepen.io/htzwgoqt-the-looper/pen/ZEojpXz?editors=1011) |
| CloThEs#7837 | [Codepen](https://codepen.io/CloThEsZ/pen/NWMzabG?editors) |
| hsiung阿熊#4079 | [Codepen](https://codepen.io/hsiungchi/pen/LYmrzxB) |
| 君Jyun#0147 | [codepen](https://codepen.io/Okaybeok/pen/jOxKGyr?editors=0010) |
| Judy☻#7874 | [Codepen](https://codepen.io/hsiaohan/pen/ZEoRXrX?editors=0011) |
| Ohno#1144 | [Codepen](https://codepen.io/mmaa7850/pen/vYjreXb?editors=1111) |
| 軟綿綿 (๑•ᴗ•๑) ♡#3627 | [Codepen](https://codepen.io/Connie-Chien/pen/vYjrejq?editors=0011) |
| azami#5986 | [Codepen](https://codepen.io/azami/pen/XWqYeYE) |
| JackC#0411 | [Codepen](https://codepen.io/key0329/pen/VwxdMQR) |
| 無名#6427 | [Codepen](https://codepen.io/Nomoney/pen/abGKLqK?editors=0010) |
| 威0#6919 | [Codepen](https://codepen.io/n0918679182/pen/RwyJLxz?editors=0012) |
| 薯餅#3581 | [Codepen](https://codepen.io/ColdingPoTaTo/pen/BaxVwmN) |
| CofCat#9226 | [Codepen](https://codepen.io/cofcat456/pen/MWGXEPO) |
| VT#0895 | [Codepen](https://codepen.io/vt197/pen/qBYKPgg) |
| YI#0863 | [Codepen](https://codepen.io/YI0305/pen/ExLRwdp?editors=0012) |
| Ayre#0016 | [Codepen](https://codepen.io/yichunlin09/pen/MWGXERr) |
| LHchien33#6232 | [Codepen](https://codepen.io/lin_chien/pen/BaxVwqK?editors=0010) |
| 母湯#7211 | [Codepen](https://codepen.io/tommyshih77/pen/LYmrzKv?editors=1011) |
| Wei#2330 | [Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/poVKWYW) |
| WEI_RIO#9342 | [Codepen](https://codepen.io/wei_wu/pen/KKReypZ?editors=0011) |
| 圈圈#4060 | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/vYjreZP) |
| kuku#3118 | [Cpdepen](https://codepen.io/mengting-ku/pen/ExLRbKr?editors=0012) |
| hannahTW#2224 | [Codepen](https://codepen.io/hangineer/pen/abGKVpx?editors=0011) |
| Winnie#1306 | [CodePen](https://codepen.io/WinnieWuWinnie/pen/jOxKaBZ?editors=0011) |
| 末次#0236 | [CodePen](https://codepen.io/yunjulee/pen/ExLRbmJ) |
| Hazel.#6020 | [Codepen](https://codepen.io/Hazelhsieh/pen/YzLvrgm?editors=0010) |
| m_m#5493 | [Codepen](https://codepen.io/minnn7716/pen/mdLKqWE) |
| Velma#1693 | [Codepen](https://codepen.io/Ze1225/pen/JjvZOEQ?editors=0010) |
| cotton#7163 | [Codepen](https://codepen.io/cottonT/pen/PoeaOjp?editors=1011) |
| Arista#5802 | [Codepen](https://codepen.io/arista-hsieh/pen/qBYKVKd) |
| 威爾#1694 | [CodePen](https://codepen.io/WILL_Wu/pen/poVKdKx) |
| Yuna Huang#2692 | [CodePen](https://codepen.io/Yuna1002/pen/QWrxOVx?editors=0010) |
| AuroraC#6539 | [codepen](https://codepen.io/AuroraC/pen/bGMKYmv?editors=0010) |
| yawun#0042 | [Codepen](https://codepen.io/monicalin/pen/RwyJjxG) |
| Greta#0837 | [Codepen](https://codepen.io/gretali/pen/poVKdNV) |
| 芮綺#5224 | [Codepen](https://codepen.io/zhan70/pen/JjvZOVY?editors=1010) |
| Iris_#8462 | [Codepen](https://codepen.io/irissamy/pen/WNJyXgJ) |
| 心幻羽#0056 | [Codepen](https://codepen.io/linglingsyu/pen/wvjXPVj) |
| jacky010080#0880 | [CodePen](https://codepen.io/Yen-Jung-Chen/pen/RwyJjXg?editors=1010) |
| 入門小菜G#0191 | [CodePen](https://codepen.io/gybcmlfj-the-typescripter/pen/LYmreYR) |
| Peng#9811 | [CodePen](https://codepen.io/peng-027/pen/mdLKqgw?editors=0010) |
| 楓之聲#6945 | [Codepen](https://codepen.io/sshane258/pen/vYjrpEZ) |
| cbs#9007 | [CodePen](https://codepen.io/wasdjk/pen/dyeKZEO) |
| 教練#6451 | [CodePen](https://codepen.io/monkeybear721/pen/vYjrpGe) |
| beta lin#1445 | [CodePen](https://codepen.io/linbeta/pen/ExLRbqa?editors=0010) |
| albee#9121 | [Codepen](https://codepen.io/albee-chang/pen/abGKVXz) |
| 老張花生#5670 | [Codepen](https://codepen.io/dawin-chen/pen/RwyJjLG?editors=0011) |
| yumy#1940 | [Codepen](https://codepen.io/yumy_yamg/pen/JjvZMrW?editors=0010) |
| Barret#1119 | [CodePen](https://codepen.io/barret0720/pen/RwyJxGj?editors=0010) |
| avan#4709 | [CodePen](https://codepen.io/avantsao/pen/MWGXrVw?editors=0010) |
| hungya#0773 | [Codepen](https://codepen.io/hungya777/pen/RwyJxQy?editors=0011) |
| 魚子醬Cavier#5220 | [Codepen](https://codepen.io/haihsuan/pen/RwyJxBJ) |
| Hilda#7085 | [Codepen](https://codepen.io/vwquikad-the-vuer/pen/qBYKpgV?editors=0011) |
| KC_8685#9343 | [Codepen](https://codepen.io/cathy7411/pen/LYmreBz) |
| banazita#5143 | [CodePen](https://codepen.io/banazita/pen/XWqYVxN?editors=1111) |
| yoshidc#0455 | [CodePen](https://codepen.io/yoshiyyc/pen/xxjzPmb) |
| shinyhung#3825 | [CodePen](https://codepen.io/sean_1215/pen/GRdGQKz?editors=1011) |
| 艸良#2846 | [CodePen](https://codepen.io/momoninainai/pen/OJZEzKG?editors=1010) |
| Cream#3449 | [CodePen](https://codepen.io/frxdwbbi-the-sasster/pen/mdLKpoz?editors=0011) |
| amy芳#1385 | [CodePen](https://codepen.io/amy-chieng/pen/VwxdQZB) |
| 出事了阿伯#9923 | [CodePen](https://codepen.io/BradpittLai/pen/GRdGQRz?editors=0010) |
| Fan#3405 | [CodePen](https://codepen.io/Fan123/pen/WNJyMEw) |
| JustinLiu#9699 | [CodePen](https://codepen.io/justin0227/pen/YzLvepd?editors=0010) |
| suihsilan#9485 | [CodePen](https://codepen.io/suihsilan/pen/BaxVYPj?editors=0010) |
| ssozr#4680 | [codepen](https://codepen.io/ssozr/pen/XWqYZBE?editors=0010) |
| Gill#9280 | [codepen](https://codepen.io/Gill-Chin/pen/PoeaQxP) |
| jimmyFang#9575 | [codepen](https://codepen.io/pohxiqqo/pen/QWrxQzp?editors=0010) |
| LQQ#4187 | [codepen](https://codepen.io/morefoodq/pen/LYmrQqa) |
| james#6244 | [codepen](https://codepen.io/nimwnynv-the-sasster/pen/xxjzYeQ) |
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/OJZEQxJ) |
| Benson#6763 | [CodePen](https://codepen.io/kumashow/pen/bGMKaOy) |
| 法希娜#3206 | [CodePen](https://codepen.io/yiiserpf-the-encoder/pen/qBYKxGv?editors=1010) |
| Rena#6249 | [CodePen](https://codepen.io/aureate0116/pen/VwxdXWv) |
| Loran#1105 | [CodePen](https://codepen.io/loranlin/pen/LYmrdRw?editors=1010) |
| Chung#5951 | [CodePen](https://codepen.io/yuju16/pen/zYjaWRQ) |
| Rr#2215 | [Codepen](https://codepen.io/rufangcheng/pen/abGKqEG) |
| Cliff#4606 | [Codepen](https://codepen.io/Cliff_hex/pen/vYjrXMz) |
| RJRS#9430 | [Codepen](https://codepen.io/RJRS/pen/OJZEZVv) |
| Paul#7426 | [Codepen](https://codepen.io/paul-1997/pen/vYjrjNJ?editors=0010) |
| ZawaLeng#4307 | [CodePen](https://codepen.io/len5464/pen/NWMzMqL?editors=0110) |
| 哈囉哈#5196 | [CodePen](https://codepen.io/bill0841205/pen/qBYKYxm?editors=1111) |
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/LYmrmXO)|
|Potatolee#7749|[codepen](https://codepen.io/potatoleee/pen/wvjXpEO)|
|雷雷#7844|[codepen](https://codepen.io/lei-yi-jie/pen/zYjajGx?editors=0010)|
| 粉蒸肉#6214 | [CodePen](https://codepen.io/wrightyu/pen/KKReRjp?editors=0010) |
| Hironaka#7367 | [CodePen](https://codepen.io/Hironaka0815/pen/yLjEEaV?editors=0011) |
|Judy Wei#6103|[CodePen](https://codepen.io/Judy0718/pen/vYjrrKv)|
|pss940909#8650|[CodePen](https://codepen.io/pss940909/pen/eYrKKRE)|
|yishan#4902|[CodePen](https://codepen.io/gdjrehhw-the-animator/pen/wvjXjjN?editors=0010)|
|L0F0#8733|[CodePen](https://codepen.io/l0f0/pen/eYrKKVG?editors=0011)|
| Amberhh#2465 | [Codepen](https://codepen.io/Amberhh/pen/oNdyGJO) |
| Shalina123#3090 | [Codepen](https://codepen.io/shalina123/pen/xxjzzXj) |
| Lucie#3831 | [Codepen](https://codepen.io/bisespei/pen/LYmrOJp) |
| SunnyCheng#4113 | [Codepen](https://codepen.io/Sunny0509/pen/jOxKKow?editors=0010) |
| 朧.#9548 | [Codepen](https://codepen.io/crushing_omega/pen/wvjXxde) |
| Rice#8043 | [Codepen](https://codepen.io/riecball/pen/JjvZBVY?editors=0011) |
| 鑫鑫#4346 | [CodePen](https://codepen.io/Neil1024/pen/YzLvOwQ?editors=0010)|
| 我是泇吟#5189 | [CodePen](https://codepen.io/kljuqbxs/pen/PoeadNR) |
| 0xWilliam #8796 | [CodePen](https://codepen.io/0xWilliam0322/pen/RwyJBmV?editors=0111)|
| shio #1414 | [CodePen](https://codepen.io/shioyen/pen/mdLKGyB)|
| mandylai#4055 | [CodePen](https://codepen.io/mandy-lai-2/pen/OJZEZgo)|
| AkiHico #9239|[Codepen](https://codepen.io/akihico/pen/gOzKBmN?editors=0010)|
| yoyo#1003|[Codepen](https://codepen.io/crpbugqy-the-typescripter/pen/zYjamOw)|
| kenki100#0068 | [CodePen](https://codepen.io/ken100/pen/XWqYxoq) |
| Sentiments#4883 | [codepen](https://codepen.io/Sentiments/pen/ZEoRqwv) |
| Margo#8744 | [Codepen](https://codepen.io/bzycyvdl-the-typescripter/pen/bGMKQbg?editors=1111) |
| 黃士桓#7654 | [codePen](https://codepen.io/shr-huan-huang/pen/YzLvJgo?editors=0010) |
| William Lai#0196 | [codePen](https://codepen.io/lai-weihan/pen/BaxVqez) |
| VK#6657 | [codePen](https://codepen.io/VKCS/pen/YzLvRYw) |
| poetry1933#2713 | [codePen](https://codepen.io/poetry1932/pen/bGMKQOL?editors=0010) |
| 毛毛雨#2242 | [codePen](https://codepen.io/em-lee/pen/xxjzQBb) |
| 勁辣雞腿寶#5817 | [codePen](https://codepen.io/orz311013/pen/MWGXzGz?editors=0010) |
| 蓁心#6229 | [codePen](https://codepen.io/tlorfrnl-the-typescripter/pen/PoeadrV) |
| AmberWang#2504 | [Codepen](https://codepen.io/dmpjhhtt-the-typescripter/pen/NWMzEQz) |
| pidder#7315 | [Codepen](https://codepen.io/liaoben/pen/KKRerOr) |
| Data#9297 | [CodePen](https://codepen.io/kirakira72/pen/WNJyLva) |
| VickyHuang#2918 | [CodePen](https://codepen.io/HSUNA/pen/MWGXzZZ?editors=0010) |
| KatyChiang#1554 | [CodePen](https://codepen.io/Kai0819/pen/JjvZeQY?editors=1011) |
| Karol-Kuo#5287 | [CodePen](https://codepen.io/ting-yu-kuo/pen/poVKqrX?editors=0010) |
| Kimi#9564 | [CodePen](https://codepen.io/kimihu91/pen/wvXvNZR) |
| 布萊N#6319 | [CodePen](https://codepen.io/bryanlincode/pen/wvjXRzx) |
| XYY#2630 | [CodePen](https://codepen.io/Xing-Ying/pen/JjvZeaj) |
| PayRoom#8328 | [CodePen](https://codepen.io/water38198/pen/dyeKmwX) |
| yen#5757 | [CodePen](https://codepen.io/TZU-HUANG-YEN/pen/oNdyJow?editors=0010) |
| xherobruce#6825 | [CodePen](https://codepen.io/winwinbruce/pen/abGKXpE) |
| jackson204#6363 | [CodePen](https://codepen.io/jackson204/pen/YzLvBXO) |
| Nini Chen#5790 | [CodePen](https://codepen.io/ninistyle/pen/zYjayOY?editors=0010) |
| 王懷英#7271 | [CodePen](https://codepen.io/huaiying/pen/vYjrbYz) |
| hua#9099 | [Codepen](https://codepen.io/LHua/pen/yLjPaMv?editors=1111) |
| Silvialu#4521 | [Codepen](https://codepen.io/Silvia091640/pen/PoeaVpr) |
| Hayaka #4579 | [Codepen](https://codepen.io/CocoCat/pen/XWqYOzz?editors=0010) |
| 健育#5748 | [Codepen](https://codepen.io/c1317156/pen/mdLKvLZ) |
| YiTzu妮莎#2717 | [Codepen](https://codepen.io/yitzufu/pen/poVKGqw) |
| Cynthia1111#1822 | [CodePen](https://codepen.io/Cynthia1111/pen/vYjrbdM?editors=0010)|
| 艾芮絲#6060 | [CodePen](https://codepen.io/wangyingju/pen/RwyJdGW)|
| 萱仔#0781 | [CodePen](https://codepen.io/ting-hsuan/pen/NWMzLZQ?editors=0010)|
| 竹輪#3335 | [CodePen](https://codepen.io/chikuwa0120/pen/jOxKJzx)|
|yuling#1634|[CodePen](https://codepen.io/igzdflpu/pen/zYjabZy)|
|Clara#1275|[CodePen](https://codepen.io/bsupixqu/pen/MWGXEBE?editors=1111)|
|狸貓#5863|[CodePen](https://codepen.io/tanuki320/pen/YzLvMQr?editors=0010)|
|Yukon#2618|[CodePen](https://codepen.io/ukowork/pen/gOzKqqb?editors=1010)|
| Cookie SSS#6991 | [CodePen](https://codepen.io/sqhjikpa-the-selector/pen/vYjrMJW?editors=0010) |
| 小白#2406 | [CodePen](https://codepen.io/gracewhite/pen/rNvKore) |
| 郭芙蘭#6374 | [CodePen](https://codepen.io/flora_Kuo/pen/KKReLPp?editors=1011) |
| Baozi#2042 | [CodePen](https://codepen.io/lillianyu/pen/jOxKRpg) |
|Daisy Li#4231|[CodePen](https://codepen.io/lidairong-gmail-com/pen/eYrKGKy?editors=0012)|
|RuoAn#7124|[CodePen](https://codepen.io/LiauRuoAn/pen/yLjErrY?editors=0010)|
|阿風#6890|[CodePen](https://codepen.io/Afonguwu/pen/yLjEWQX?editors=0010)|
| J_u_d_y#5993 | [Codepen](https://codepen.io/J_u_d_y/pen/bGMKypb?editors=1010) |
|Shuo#1596|[CodePen](https://codepen.io/chiangchungshuo/pen/GRdGbJp?editors=1011)|
|大大#5164|[CodePen](https://codepen.io/pen/tour/welcome/start?editors=0010)|
|meimei#9524|[CodePen](https://codepen.io/isnrudav/pen/poVKBqv?editors=1010)|
|juri#5114|[CodePen](https://codepen.io/jurry126/pen/abGjoaK?editors=0110)|
|homer#1525|[CodePen](https://codepen.io/Buckhorn/pen/XWqBWBG?editors=0110)|
|bingsu#2362|[CodePen](https://codepen.io/pmyfr/pen/eYrjmLp?editors=1010/)|
|柔柔#1716|[CodePen](https://codepen.io/rouchen/pen/jOxpqrP)|
|Ringo#7583|[CodePen](https://codepen.io/ringolai1988/pen/xxjJVyz?editors=0010)|
|tanya#5104|[CodePen](https://codepen.io/tanya0207yh/pen/poVKBVz?editors=0010)|
|泰泰泰泰#0582|[CodePen](https://codepen.io/tesdzzph-the-bashful/pen/bGMjewq?editors=0010)|
|大衛#4869|[CodePen](https://codepen.io/exnsrpjc/pen/abGjZzR?editors=1111)|
|Tami#6742|[CodePen](https://codepen.io/wqsdqbjn-the-vuer/pen/gOzjMXw?editors=0010)|
|Ron Liang#7277|[CodePen](https://codepen.io/ron-go/pen/YzLjWRq)|
|Ryan Chiang#6649|[Codepen](https://codepen.io/ryanchiang/pen/ExLpgwP?editors=0010)|
|Curtis#4780|[Codepen](https://codepen.io/curtislin/pen/rNvrMKO?editors=0010)|
|Milvii#7341|[Codepen](https://codepen.io/Monstertroll/pen/XWqBjbv)|
|黑白兔#0684|[Codepen](https://codepen.io/johnny329/pen/LYmBRoz)|
| RyanTsai#8906 |[CodePen](https://codepen.io/linlaose/pen/GRdBNJw?editors=0010)
|富#0389|[Codepen](https://codepen.io/spring40747/pen/gOzjLpZ?editors=1111)|
|維尼#2200|[Codepen](https://codepen.io/gxvzprtq-the-selector/pen/xxjJgRM?editors=0011)|
|阿蘇#8531|[Codepen](https://codepen.io/susu3131/pen/MWGBJrB?editors=0011)|
|Lynn73#3164|[Codepen](https://codepen.io/lynn880703/pen/GRdBmGb?editors=1111)|
|Mia小福#4473|[Codepen](https://codepen.io/a0950271/pen/xxjJdjW)|
|Joy1712#4670|[Codepen](https://codepen.io/Joy1712/pen/OJZwgOW?editors=0011)|
|Yiling#4054|[Codepen](https://codepen.io/lin010/pen/WNJyKqK?editors=0010)|
|kevin#6131|[Codepen](https://codepen.io/xlqjezvc-the-encoder/pen/eYrjVVW?editors=1111)|
|黑松胖#4836|[Codepen](https://codepen.io/yi-chien-hsieh/pen/gOzjvjN?editors=0012)|
|Chloe#5422|[Codepen](https://codepen.io/Ironchloe/pen/yLjqvxg?editors=0010)|
|山貓(焜)#7041|[Codepen](https://codepen.io/nopeta/pen/rNvrdLv)|
|肉桂卷#0625|[Codepen](https://codepen.io/ginnlee/pen/mdLjXvZ?editors=0011)|
|ling chang#1024|[Codepen](https://codepen.io/ling-chang/pen/QWrBmOq)|
|jin.huang#4666|[Codepen](https://codepen.io/haha1196/pen/abGjGoo)|
|Sonia Wu#7154|[Codepen](https://codepen.io/YUJOU/pen/GRdBdQQ)|
|Jamie Wu#9345|[Codepen](https://codepen.io/Wu220103/pen/wvjxjZR)|
|FiReBrO #0557|[Codepen](https://codepen.io/firebro42/pen/zYjLaeR?editors=1111)|
|Yiru#0236|[Codepen](https://codepen.io/yiru94/pen/NWMBmyO?editors=0011)|
|三隻小貓#1905|[Codepen](https://codepen.io/bagelover/pen/XWqPJJQ?editors=0010)|
|SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/RwyYNwG)|
| YU #0618 | [Codepen](https://codepen.io/yoken_/pen/abGadwz) |
|lee#5462|[Codepen](https://codepen.io/barrylee85/pen/Poedzzq?editors=0010)|
|k.sin#3115|[Codepen](https://codepen.io/sin588/pen/ZEoMOXx?editors=0011)|
|mou#2215|[Codepen](https://codepen.io/shihchiehlan/pen/poVOyRJ?editors=0010)|
|Jhen#4563|[Codepen](https://codepen.io/su-jhen/pen/qBYMqBm)|
|Evelyne#7323|[Codepen](https://codepen.io/Evelynep/pen/jOxvyaw)|
|PoWei#8484|[Codepen](https://codepen.io/harrison-wei-lai/pen/JjvaEBV)
|阿修#9176|[Codepen](https://codepen.io/xiu-tong/pen/oNdPWLG)|
|Mylène#2481|[Codepen](https://codepen.io/hamajibashi/pen/bGMxRXr)|
|Eileen#6454|[Codepen](https://codepen.io/Eileen-io/pen/YzLOvZa)|
|CJ07#0176|[codepen](https://codepen.io/cjtseng07/pen/NWMLBvR?editors=0012)|
|Murmurline#6969|[codepen](https://codepen.io/murmurline/pen/PoedBeZ)
|NathanJames#8120|[codepen](https://codepen.io/ufo060204/pen/GRdXXNW?editors=0010)|
|Azi Hsieh#2861|[CodePen](https://codepen.io/AziHsieh/pen/RwyBmaB)|
|H.L.C#2152|[CodePen](https://codepen.io/hsin-liang/pen/poVOOPx)|
|DoraHuang#8223|[CodePen](https://codepen.io/mwebwvuq-the-flexboxer/pen/qBYMJNm)|
| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/LYmJwvR?editors=0010) |
| jonathanlin83#5063|[CodePen](https://codepen.io/jonathanlin83/pen/LYmgYXv)|
| yaru#6308|[CodePen](https://codepen.io/lszaietc/pen/qBYMrzR)|
|IreneY #0086|[codepen](https://codepen.io/HalfPlannedJourney/pen/NWMOawJ)|
|yanlin_liu#2191|[codepen](https://codepen.io/simplelife/pen/poVxVja?editors=1111)|
|Chian#1564|[codepen](https://codepen.io/chian-yang/pen/gOzBzaM)|
|charlottelee849#0366|[codepen](https://codepen.io/charlotte-lee/pen/eYrPXmB?editors=0010)|
|Vera#5592|[codepen](https://codepen.io/skvera/pen/RwyqGMa)|
|Karen Chan#4625|[codepen](https://codepen.io/ruruchan7/pen/dyeQWEJ)|
|予予#9627|[codepen](https://codepen.io/kiqzcraa/pen/wvjXyJB)|
|Novella#1032|[codepen](https://codepen.io/Novellaq/pen/zYjyPKK?editors=0011)|
|RosaC#4286|[codepen](https://codepen.io/RosarC/pen/rNvoYQm?editors=1111)|
|joy91#5463|[codepen](https://codepen.io/joylin0915/pen/xxjmYQV)|
|Aritan#1931|[codepen](https://codepen.io/Aritan/pen/JjvwzQL?editors=1111)|
|mei#8421|[codepen](https://codepen.io/Shila-Chen/pen/poVGvYp)|
|ViNci#4273|[codepen](https://codepen.io/ViNciSyo/pen/yLjZNqZ)|
|kancheng#3915|[CodePen](https://codepen.io/kancheng/pen/zYjbLdx?editors=0011)|
| christina#6185 |[codepen](https://codepen.io/chrisc0210/pen/PoegWrB)|
popcorn_3q#9893|[codepen](https://codepen.io/arnyrpqt-the-sasster/pen/eYrowmP?editors=0110)
|安0#2448|[CodePen](https://codepen.io/JzhenAn/pen/NWMVRxe)|
|How#5806|[CodePen](https://codepen.io/howtobefine/pen/BaVadRp)|
|周周$3503|[CodePen](https://codepen.io/jhoujhou-the-decoder/pen/MWXWOob?editors=1010)|