---
# System prepended metadata

title: "\U0001F3C5 Day 09 - if、else if、else 練習一"
tags: [JS 直播班 - 2022 秋季班]

---

---
tags: JS 直播班 - 2022 秋季班
---
# 🏅 Day 09 - if、else if、else 練習一

### 題目

請看完此篇文章「[if else 陳述式](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#if...else_%E9%99%B3%E8%BF%B0%E5%BC%8F)」部分，並試著回答下面問題。

問題
---

請試著寫出以下情境：

範例： 如果我有 100 元，我就吃壽司，沒有就吃超商。
```javascript=
let myWallet = 200;

if(myWallet >= 100) {
 console.log('我要吃壽司');
} else {
 console.log('我吃超商');
}
```


1. 如果下雨我就坐捷運上班，沒有我就騎車上班
```javascript=
let weather = '雨天';

/* 請試著寫出判斷式 */

```

2. 如果 BMI > 24 就超重，18 ~ 24 體重正常，小於 18 過輕。（提示：補上問號部分)
```javascript=
let myBMI = 19;

/* 請試著寫出判斷式 */

if( ??? ) {
  console.log('過重');
} else if( ??? ) {
  console.log('體重正常');
} else {
  console.log('過輕');
}
 
```



## 回報流程

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

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

<!-- 解答：  

1.
```javascript=
let weather = '雨天';

if(weather === '雨天') {
 console.log('搭捷運上班');
} else {
 console.log('騎車上班');
}
```

2.
```javascript=
let myBMI = 19;

if(myBMI > 24) {
 console.log('過重');
} else if (myBMI <= 24 && myBMI >= 18){
 console.log('體重正常');
} else {
 console.log('過輕');
}
```

-->




回報區
---


|       Discord        |                                  CodePen / 答案                                  |
|:--------------------:|:--------------------------------------------------------------------------------:|
|      瑋慶#2480       |    [Codepen](https://codepen.io/htzwgoqt-the-looper/pen/VwxgvZb?editors=1011)    |
|      Vera#5592       |                 [CodePen](https://codepen.io/skvera/pen/xxjmQvY)                 |
|     CloThEs#7837     |                [CodePen](https://codepen.io/CloThEsZ/pen/OJZdVLb)                |
|   hsiung阿熊#4079    |               [Codepen](https://codepen.io/hsiungchi/pen/MWGLwwB)                |
|       威0#6919       |        [Codepen](https://codepen.io/n0918679182/pen/dyeaoGP?editors=0011)        |
|    shinyhung#3825    |         [Codepen](https://codepen.io/sean_1215/pen/bGMzdEr?editors=1011)         |
|      albee#9121      |        [Codepen](https://codepen.io/albee-chang/pen/oNdmXxN?editors=1010)        |
|      yumy#1940       |               [Codepen](https://codepen.io/yumy_yamg/pen/RwyvPGR)                |
|       YC#2522        |                  [CodePen](https://codepen.io/YCLu/pen/poVQyEY)                  |
|      kuku#3118       |        [Cpdepen](https://codepen.io/mengting-ku/pen/WNJLZNd?editors=1010)        |
|   出事了阿伯#9923    |        [Cpdepen](https://codepen.io/BradpittLai/pen/MWGLwYX?editors=1011)        |
|       YI#0863        |          [Cpdepen](https://codepen.io/YI0305/pen/ExLrjZz?editors=0012)           |
|      Data#9297       |               [Cpdepen](https://codepen.io/kirakira72/pen/yLjZNJq)               |
|     Benson#6763      |                [Codepen](https://codepen.io/kumashow/pen/NWMoqpX)                |
|      Ayre#0016       |        [Codepen](https://codepen.io/yichunlin09/pen/YzLBXQW?editors=0010)        |
|      無名#6427       |          [Codepen](https://codepen.io/Nomoney/pen/ZEowGXw?editors=0011)          |
|   jackson204#6363    |               [Codepen](https://codepen.io/jackson204/pen/OJZdVOx)               |
|      Clara#1275      |         [Codepen](https://codepen.io/bsupixqu/pen/ZEowGaw?editors=0010)          |
|     CofCat#9226      |               [Codepen](https://codepen.io/cofcat456/pen/VwxgLyj)                |
|    Daisy Li#4231     |    [CodePen](https://codepen.io/lidairong-gmail-com/pen/KKRJpoG?editors=0012)    |
|     Winnie#1306      |      [Codepen](https://codepen.io/WinnieWuWinnie/pen/MWGLwXx?editors=0010)       |
|     心幻羽#0056      |        [Codepen](https://codepen.io/linglingsyu/pen/abGXOjz?editors=1111)        |
|       m_m#5493       |               [Codepen](https://codepen.io/minnn7716/pen/GRdzJOm)                |
|      母湯#7211       |        [Codepen](https://codepen.io/tommyshih77/pen/wvjNaxm?editors=0011)        |
|      柔柔#1716       |          [Codepen](https://codepen.io/rouchen/pen/yLjZNxZ?editors=1111)          |
|      Yiru#0236       |          [Codepen](https://codepen.io/yiru94/pen/KKRJpeG?editors=0010)           |
|      Ohno#1144       |         [Codepen](https://codepen.io/mmaa7850/pen/xxjMGjb?editors=0010)          |
|      艸良#2846       |              [Codepen](https://codepen.io/momoninainai/pen/KKRJpbb)              |
|      教練#6451       |             [Codepen](https://codepen.io/monkeybear721/pen/abGXOVo)              |
|    hannahTW#2224     |         [Codepen](https://codepen.io/hangineer/pen/eYrxNLa?editors=0010)         |
|     Judy☻ #7874      |         [CodePen](https://codepen.io/hsiaohan/pen/xxjMGBZ?editors=1010)          |
|      薯餅#3581       |             [CodePen](https://codepen.io/ColdingPoTaTo/pen/JjvxdVX)              |
|    LHchien33#6232    |         [CodePen](https://codepen.io/lin_chien/pen/RwyvPOZ?editors=0010)         |
|     yoshidc#0455     |                [CodePen](https://codepen.io/yoshiyyc/pen/BaxMNgV)                |
|   KatyChiang#1554    |          [CodePen](https://codepen.io/Kai0819/pen/zYjeGXx?editors=0011)          |
|       VT#0895        |                 [CodePen](https://codepen.io/vt197/pen/LYmqpPb)                  |
|    RyanTsai#8906     |                [CodePen](https://codepen.io/linlaose/pen/BaxMoBV)                |
|     cotton#7163      |          [CodePen](https://codepen.io/cottonT/pen/XWqObqL?editors=0010)          |
|   William Lai#0196   |               [CodePen](https://codepen.io/lai-weihan/pen/qBYgOWa)               |
|      威爾#1694       |                [CodePen](https://codepen.io/WILL_Wu/pen/RwyvWbL)                 |
|     Shiimu#4307      |          [CodePen](https://codepen.io/len5464/pen/XWqOmWb?editors=0011)          |
|     楓之聲#6945      |               [Codepen](https://codepen.io/sshane258/pen/bGMzVNm)                |
|      amy芳#1385      |               [Codepen](https://codepen.io/amy-chieng/pen/WNJPQbL)               |
|      大大#5164       |    [codepen](https://codepen.io/gzonothk-the-looper/pen/OJZdVKZ?editors=0011)    |
|     PayRoom#8328     |               [codePen](https://codepen.io/water38198/pen/mdLveyp)               |
|     Hazel.#6020      |        [codePen](https://codepen.io/Hazelhsieh/pen/poVGjzB?editors=0011)         |
|      yawun#0042      |               [CodePen](https://codepen.io/monicalin/pen/XWqOmNX)                |
|      予予#9627       |                [CodePen](https://codepen.io/kiqzcraa/pen/rNvPOjx)                |
|     WEI_RIO#9342     |          [Codepen](https://codepen.io/wei_wu/pen/BaxMopG?editors=1011)           |
|      Ringo#7583      |              [Codepen](https://codepen.io/ringolai1988/pen/gOzqaWj)              |
|      末次#0236       |                [Codepen](https://codepen.io/yunjulee/pen/mdLvemL)                |
|     魚子醬#5220      |         [CodePen](https://codepen.io/haihsuan/pen/abGXvwp?editors=1111)          |
|     Yishan#4902      |   [Codepen](https://codepen.io/gdjrehhw-the-animator/pen/jOxdbwg?editors=0011)   |
|    JustinLiu#9699    |        [CodePen](https://codepen.io/justin0227/pen/abGXvVJ?editors=0010)         |
|      homer#1525      |                [CodePen](https://codepen.io/Buckhorn/pen/vYjbNZR)                |
|      Peng#9811       |                [CodePen](https://codepen.io/peng-027/pen/oNdmjpo)                |
|    Potatolee#7749    |        [CodePen](https://codepen.io/potatoleee/pen/RwyELYZ?editors=0010)         |
|      圈圈#4060       |     [Codepen](https://codepen.io/wjejfczn-the-bold/pen/GRdzJZj?editors=1111)     |
|      維尼#2200       |   [Codepen](https://codepen.io/gxvzprtq-the-selector/pen/yLjZYEY?editors=0010)   |
|      JackC#0411      |                [CodePen](https://codepen.io/key0329/pen/zYjevLZ)                 |
|   jacky010080#0880   |       [CodePen](https://codepen.io/Yen-Jung-Chen/pen/NWMoGoK?editors=0010)       |
|    jimmyFang#9575    |         [CodePen](https://codepen.io/pohxiqqo/pen/ZEowbNB?editors=0010)          |
|      Hilda#7085      |           [CodePen](https://codepen.io/vwquikad-the-vuer/pen/GRdzpaz)            |
|     hungya#0773      |         [CodePen](https://codepen.io/hungya777/pen/dyeaGyq?editors=0011)         |
|    Ron Liang#7277    |                 [CodePen](https://codepen.io/ron-go/pen/yLjZeNV)                 |
|     Milvii#7341      |              [Codepen](https://codepen.io/Monstertroll/pen/VwxgeYE)              |
|      Cliff#4606      |               [Codepen](https://codepen.io/Cliff_hex/pen/mdLvVeg)                |
|     Mylène#2481      |              [Codepen](https://codepen.io/hamajibashi/pen/PoeVZmo)               |
|     法希娜#3206      |          [Codepen](https://codepen.io/yiiserpf-the-encoder/pen/jOxdWwV)          |
|     IreneY #0086     |           [codepen](https://codepen.io/HalfPlannedJourney/pen/qBYgbjJ)           |
|    beta lin#1445     |                [CodePen](https://codepen.io/linbeta/pen/BaxMjdo)                 |
|    jamesccc#6244     |   [CodePen](https://codepen.io/nimwnynv-the-sasster/pen/YzLBwEb?editors=1111)    |
|      azami#5986      |                 [Codepen](https://codepen.io/azami/pen/mdLvVxb)                  |
|       Fan#3405       |                 [Codepen](https://codepen.io/Fan123/pen/wvjNMmG)                 |
|     KC_8685#9343     |               [CodePen](https://codepen.io/cathy7411/pen/XWqOXqq)                |
|    泰泰泰泰#0582     |   [CodePen](https://codepen.io/tesdzzph-the-bashful/pen/GRdzoXJ?editors=1010)    |
|   SunnyCheng#4113    |         [CodePen](https://codepen.io/Sunny0509/pen/jOxdWew?editors=1111)         |
|    banazita#5143     |                [CodePen](https://codepen.io/banazita/pen/zYjerMJ)                |
|       cbs#9007       |                 [CodePen](https://codepen.io/wasdjk/pen/XWqOdXo)                 |
|   0xWilliam #8796    |       [CodePen](https://codepen.io/0xWilliam0322/pen/WNJPwod?editors=1011)       |
|      Greta#0837      |                [CodePen](https://codepen.io/gretali/pen/wvjNGvJ)                 |
|       Lou#0085       |          [CodePen](https://codepen.io/Lusie_H/pen/GRdzZGE?editors=0010)          |
|      Rena#6249       |        [Codepen](https://codepen.io/aureate0116/pen/oNdmLvB?editors=1112)        |
|      Gill#9280       |         [Codepen](https://codepen.io/Gill-Chin/pen/eYrxzmY?editors=1010)         |
|      萱仔#0781       |        [Codepen](https://codepen.io/ting-hsuan/pen/KKRJMxw?editors=0010)         |
|     AuroraC#6539     |          [codepen](https://codepen.io/AuroraC/pen/vYjbKvz?editors=0010)          |
|      雷雷#7844       |        [codepen](https://codepen.io/lei-yi-jie/pen/zYjeBmZ?editors=0010)         |
|      Chung#5951      |          [codepen](https://codepen.io/yuju16/pen/rNvPMNm?editors=0011)           |
|     FiReBrO#0557     |         [codepen](https://codepen.io/firebro42/pen/oNdmzbP?editors=1011)         |
|      yo_yo#2678      |  [codepen](https://codepen.io/djmliogn-the-flexboxer/pen/WNJPGRw?editors=0011)   |
|   勁辣雞腿寶#5817    |         [codepen](https://codepen.io/orz311013/pen/eYrxdEe?editors=0011)         |
|      阿富#0389       |        [codepen](https://codepen.io/spring40747/pen/zYjeKzR?editors=1111)        |
|    Hironaka#7367     |       [codepen](https://codepen.io/Hironaka0815/pen/RwyvGMX?editors=0010)        |
|     Joy1712#4670     |          [codepen](https://codepen.io/Joy1712/pen/qBYgaMg?editors=0011)          |
|      Ting#8449       |                 [Codepen](https://codepen.io/liara/pen/JjvxRya)                  |
|       Wei#2330       |       [Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/oNdmzKK)        |
|    Nini Chen#5790    |         [Codepen](https://codepen.io/ninistyle/pen/OJZdRKR?editors=0011)         |
|     郭芙蘭 #6374     |         [Codepen](https://codepen.io/flora_Kuo/pen/jOxdVWY?editors=0011)         |
|     Amberhh#2465     |                [Codepen](https://codepen.io/Amberhh/pen/yLjZNgx)                 |
|    mandylai#4055     |              [Codepen](https://codepen.io/mandy-lai-2/pen/xxjMRoZ)               |
|       yen#5757       |       [Codepen](https://codepen.io/TZU-HUANG-YEN/pen/oNdPgqY?editors=1011)       |
|      k.sin#3115      |          [Codepen](https://codepen.io/sin588/pen/NWModpo?editors=0010)           |
|   poetry1933#2713    |        [Codepen](https://codepen.io/poetry1932/pen/ExLrZbN?editors=0011)         |
|    jin.huang#4666    |         [Codepen](https://codepen.io/haha1196/pen/ExLrZRW?editors=1010)          |
|      鑫鑫#4346       |         [CodePen](https://codepen.io/Neil1024/pen/GRdzrxX?editors=0011)          |
|     肉桂卷#0625      |          [CodePen](https://codepen.io/ginnlee/pen/vYjbgoV?editors=0011)          |
|      芮綺#5224       |          [CodePen](https://codepen.io/zhan70/pen/wvjNJMv?editors=0011)           |
|       mou#2215       |       [CodePen](https://codepen.io/shihchiehlan/pen/VwxgPJB?editors=0011)        |
|    入門小菜G#0191    |       [CodePen](https://codepen.io/gybcmlfj-the-typescripter/pen/yLjZMvX)        |
|   Sentiments#4883    |        [codepen](https://codepen.io/Sentiments/pen/bGMzqmw?editors=0010)         |
|     哈囉哈#5196      |        [CodePen](https://codepen.io/bill0841205/pen/oNdmWZg?editors=1111)        |
|      shio#1414       |                 [CodePen](https://codepen.io/pen/?editors=1111)                  |
|     Mia小福#4473     |                [CodePen](https://codepen.io/a0950271/pen/JjvxNEg)                |
|      健育#5748       |                [CodePen](https://codepen.io/c1317156/pen/MWGLmQZ)                |
|      蓁心#6229       | [CodePen](https://codepen.io/tlorfrnl-the-typescripter/pen/vYjbZgp?editors=1011) |
|      yoyo#1003       |       [CodePen](https://codepen.io/crpbugqy-the-typescripter/pen/BaxMZmv)        |
| charlottelee849#0366 |       [CodePen](https://codepen.io/charlotte-lee/pen/XWqOgLR?editors=0011)       |
|      小白#2406       |               [CodePen](https://codepen.io/gracewhite/pen/gOzqgMz)               |
|    AmberWang#2504    | [CodePen](https://codepen.io/dmpjhhtt-the-typescripter/pen/eYrxEvE?editors=0010) |
|     王懷英#7271      |                [CodePen](https://codepen.io/huaiying/pen/gOzqxgV)                |
|     Hayaka #4579     |          [CodePen](https://codepen.io/CocoCat/pen/bGMzrMe?editors=0011)          |
|      竹輪#3335       |              [CodePen](https://codepen.io/chikuwa0120/pen/XWqOaVZ)               |
|     pidder#7315      |          [Codepen](https://codepen.io/liaoben/pen/PoeVKvN?editors=1111)          |
|      Loran#1105      |                [Codepen](https://codepen.io/loranlin/pen/KKRJXpZ)                |
|      大衛#4869       |         [Codepen](https://codepen.io/exnsrpjc/pen/WNJPZrZ?editors=0011)          |
|     毛毛雨#2242      |          [Codepen](https://codepen.io/em-lee/pen/WNJPZJJ?editors=1010)           |
|     黑松胖#4836      |      [Codepen](https://codepen.io/yi-chien-hsieh/pen/jOxdGZK?editors=0012)       |
|     SASIMI#5099      |              [Codepen](https://codepen.io/sashimi1327/pen/xxjarEa)               |
|     Aritan#1931      |                 [Codepen](https://codepen.io/Aritan/pen/QWrYqVB)                 |
|    kenki100#0068     |                 [codepen](https://codepen.io/ken100/pen/ZEowXmZ)                 |
|    Ruby Chen#7452    |         [codepen](https://codepen.io/ruby92429/pen/NWMowde?editors=0010)         |
|     Evelyne#7323     |                [Codepen](https://codepen.io/Evelynep/pen/ZEowadp)                |
|     乾一杯#5495      |                  [codepen](https://codepen.io/5495/pen/YzLBYEg)                  |
|      Cream#3449      |                 [codepen](https://codepen.io/pen/?editors=0111)                  |
|       Lee#5462       |        [codepen](https://codepen.io/barrylee85/pen/yLjZprP?editors=0011)         |
|      ssozr#4680      |           [codepen](https://codepen.io/ssozr/pen/zYjeNOG?editors=0010)           |
|    pss940909#8650    |         [codepen](https://codepen.io/pss940909/pen/dyeadvP?editors=1111)         |
|      Rice#8043       |         [codepen](https://codepen.io/riecball/pen/vYjbrgL?editors=0011)          |
|    Karol-Kuo#5287    |              [codepen](https://codepen.io/ting-yu-kuo/pen/ZEowmEd)               |
|   xherobruce#6825    |              [codepen](https://codepen.io/winwinbruce/pen/OJZdayv)               |
|     Curtis#4780      |         [codepen](https://codepen.io/curtislin/pen/XWqOydJ?editors=0010)         |
|      RJRS#9430       |                  [CodePen](https://codepen.io/RJRS/pen/KKRJraY)                  |
|     黃士桓#7654      |             [codePen](https://codepen.io/shr-huan-huang/pen/PoeVxma)             |
|      Kimi #9564       |                [codepen](https://codepen.io/kimihu91/pen/Vwdwgyb)                |
|      RosaC#4286      |          [codepen](https://codepen.io/RosarC/pen/MWGLZjb?editors=0011)           |
|      Velma#1693      |          [Codepen](https://codepen.io/Ze1225/pen/dyeawRg?editors=0010)           |
|    Azi Hsieh#2861    |                [CodePen](https://codepen.io/AziHsieh/pen/yLjZGxX)                |
|      Kevin#6131      |   [CodePen](https://codepen.io/xlqjezvc-the-encoder/pen/WNJPPQO?editors=1011)    |
|     Jenny真#7532     |        [CodePen](https://codepen.io/wei-chen-wu/pen/qBYggdw?editors=0010)        |
|      Baozi#2042      |               [CodePen](https://codepen.io/lillianyu/pen/gOzqgjQ)                |
|    suihsilan#9485    |         [CodePen](https://codepen.io/suihsilan/pen/KKRJJjr?editors=0010)         |
|     Barret#1119      |        [CodePen](https://codepen.io/barret0720/pen/wvjNbWJ?editors=0010)         |
| Rr#2215                     |   [Codepen](https://codepen.io/rufangcheng/pen/ExLrBGZ)                                                                               |
|      阿修#9176       |                [CodePen](https://codepen.io/xiu-tong/pen/oNdmrYB)                |
|      juri#5114      |                [CodePen](https://codepen.io/jurry126/pen/ZEowgjX?editors=0010)   |
| 我是泇吟#5189 | [CodePen](https://codepen.io/kljuqbxs/pen/YzLBmJM) |
| AkiHico#9239 | [CodePen](https://codepen.io/akihico/pen/xxjBKKQ?editors=1010) |
| 阿風#6890 | [CodePen](https://codepen.io/Afonguwu/pen/YzLgKvq?editors=0010) |
|yuling#1634|[codepen](https://codepen.io/igzdflpu/pen/vYjPNZe)|
|Shuo#1596|[codepen](https://codepen.io/chiangchungshuo/pen/bGMZwby?editors=1011)|
|PoWei#8484|[codepen](https://codepen.io/harrison-wei-lai/pen/MWGxvLo)|
|Ryan Chiang#6649|[Codepen](https://codepen.io/ryanchiang/pen/oNdVoaw?editors=0012)|
|Judy Wei#6103|[Codepen](https://codepen.io/Judy0718/pen/VwxRyax)|
|Yuna Huang#2692|[Codepen](https://codepen.io/Yuna1002/pen/NWMJwgO?editors=0011)|
|RuoAn#7124|[Codepen](https://codepen.io/LiauRuoAn/pen/BaxbYNK?editors=0010)|
|bingsu#2362|[Codepen](https://codepen.io/pmyfr/pen/OJZGyaE?editors=0010)|
|黑白兔#0684|[Codepen](https://codepen.io/johnny329/pen/qBYwZVv)|
|狸貓#5863|[Codepen](https://codepen.io/tanuki320/pen/rNvbMGj?editors=0010)|
|VickyHuang#2918|[Codepen](https://codepen.io/HSUNA/pen/yLjrPbG?editors=0010)|
|hua#9099|[Codepen](https://codepen.io/LHua/pen/BaxEJEB?editors=0010)|
|sophiee#7015|[Codepen](https://codepen.io/sophiee2727/pen/KKRYopR?editors=1011)|
|LQQ#4187|[Codepen](https://codepen.io/morefoodq/pen/xxjeJoO)|
|MJ_Eddie#5258|[CodePen](https://codepen.io/nick-lin/pen/NWMmmxo)|
|軟綿綿 (๑•ᴗ•๑) ♡#3627|[CodePen](https://codepen.io/Connie-Chien/pen/MWGRRze?editors=0010)|
|yaru#6308|[CodePen](https://codepen.io/lszaietc/pen/bGMJyyW?editors=0010)|
popcorn_3q#9893|[CodePen](https://codepen.io/arnyrpqt-the-sasster/pen/oNdOrJY?editors=0010)
|Lucie#3831|[Codepen](https://codepen.io/bisespei/pen/RwymRoR)|
|朧.#9548|[codepen](https://codepen.io/crushing_omega/pen/YzLbdMv?editors=1010)
|Paul#7426|[codepen](https://codepen.io/paul-1997/pen/mdLNPdL?editors=0010)|
|L0F0#8733|[codepen](https://codepen.io/l0f0/pen/yLjmJOo?editors=0011)|
|安o#2448|[codepen](https://codepen.io/JzhenAn/pen/WNyeRNv?editors=1111)|
|mei#8421|[codepen](https://codepen.io/Shila-Chen/pen/LYrPOrM?editors=0010)|
|How#5806|[codepen](https://codepen.io/howtobefine/pen/rNKNGrO)|
|DoraHuang#8223| [codepen](https://codepen.io/mwebwvuq-the-flexboxer/pen/bGKGMYW)|
|christina#6185|[Codepen](https://codepen.io/chrisc0210/pen/GRGReWP)|
|Jamie Wu#9345| [Codepen](https://codepen.io/Wu220103/pen/QWxwyRQ)|
|阿蘇#8531| [Codepen](https://codepen.io/susu3131/pen/OJEPXWd?editors=0011)|
|Sonia Wu#7154| [Codepen](https://codepen.io/YUJOU/pen/OJEyKdJ?editors=1111)|
|Karen Chan#4625| [Codepen](https://codepen.io/ruruchan7/pen/LYrRWzZ)|
|meimei#9524| [Codepen](https://codepen.io/isnrudav/pen/wvXqGMG)|