--- tags: 2021 程式體驗營 --- # 6/7 每日任務 Day1 ## HTML 任務題目 請依照下列三個要求做出 HTML 結構: 1. 請做出一個有序號的列表 li 數量為 5 2. 請給每個列表中插入一個連結 3. 請將偶數的 li 標籤中的 a 連結設為紅色 完成圖如下: ![](https://i.imgur.com/Zeu1VPk.png) ## JS 任務題目 請查看代碼並回答以下三個問題: ### Q1 請問 a 的值為多少? ```javascript= let a = 3 * 7; ``` ### Q2 請問 b 的值為多少? ```javascript= let a = 3; let b = a - 1; ``` ### Q3 請問 c 的值為多少? ```javascript= let a = 3; let b = 2; let c = a - b ``` ## 回報流程 1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報 (也可以將答案直接貼至「回報區」) ![](https://i.imgur.com/vftL5i0.png) ## 作業回報區 <!-- 1. [WangShuan(答案) - HTML 作業](https://codepen.io/WangShuan/pen/RwpMare?editors=1100) --> <!-- 2. WangShuan(答案): a = 21; b = 2; c = 1; --> 1. [Saiki - HTML 作業](https://codepen.io/WangShuan/pen/RwpMare?editors=1100) <!-- JS: a = 21; b = 2; c = 1; --> 2. [Lynn - HTML 作業](https://codepen.io/lynnlin/pen/NWpMrOg) <!-- js: a=21; b=2; c=1; --> 3. [AllenW - HTML 作業](https://codepen.io/venecia631201/pen/WNpJGqm) 4. [ChengWei Hou - HTML 作業](https://codepen.io/ChengWeiHou/pen/WNpJgRz) 5. [Roger Yeh - HTML 作業](https://codepen.io/RangerYeah/pen/OJpZBPw) <!-- Q1: a=21; Q2: b=2; Q3: c=1; --> 6. [Will - HTML 作業](https://codepen.io/WILL_Wu/pen/GRWdYZG) <!-- JS: a=21 b=2 c=1 --> 7. [zong-huan - HTML 作業](https://codepen.io/wxsobwib-the-encoder/pen/eYvrPEZ) <!--Q1: a=21; Q2: b=2; Q3: c=1;--> 8. [Sz - HTML 作業](https://codepen.io/szyln/pen/mdWLzqG) <!-- JS: a = 21; b = 2; c = 1; --> 9. [勇毅-HTML作業](https://codepen.io/yes66395/pen/abJGROm) <!-- JS: a = 21; b = 2; c = 1; --> 10. [Chei Chei -HTML作業](https://codepen.io/chei1995/pen/ExWLdQm) <!--JS在codepen裡--> 11. [ting - HTML作業](https://codepen.io/pen/?template=LYWmXaK) <!--JS: a=21; b=2 ; c=1; --> 12. [ZY Hsu - html & JS作業](https://codepen.io/zihyin/pen/poeVQML) <!-- JS: a=21; B=2; c=1 --> 13. [Hi Annie - HTML、JS作業](https://codepen.io/lhohdalu/pen/qBrYLaB?editors=1111) 14. [Nap-HTML & JS 作業](https://codepen.io/o0o0o1o0/pen/mdWLaOO) 15. [Pachoy - HTML、JS作業](hhttps://codepen.io/Pachoy/pen/KKWRbYE) <!-- JS: a = 21; b = 2; c = 1; --> 16. [Echo - HTML & JS作業](https://codepen.io/eni13718/pen/qBrYgvo) 17. [Benson - HTML & JS 作業](https://codepen.io/polarBear712/pen/GRWdzzz) 18. [Yuna - HTML & JS 作業](https://codepen.io/Yuna-Zhang/pen/zYZjeez) 19. [LiMin - HTML & JS 作業](https://codepen.io/XuLiMin/pen/jOBxdRW) 20. [Lemon lin - HTML 作業](https://codepen.io/LARATEN/pen/ExWLMmL) 21. [William - HTML & JS作業](https://codepen.io/hsuweihung/pen/oNZdVWJ) 22. [betty - HTML & JS作業](https://codepen.io/betty-hu/pen/WNpdKEJ) 23. [采 - HTML & JS作業](https://codepen.io/OrliOrli/pen/zYZjbJJ) 24. [Jasper - HTML & JS 作業](https://codepen.io/jasper-taiwan/pen/ExWLJYr) <!-- JS: a = 21 ; b = 2 ; c = 1; --> 25. [Mao - HTML 作業 & JS 作業](https://codepen.io/vsfvjiuv-the-typescripter/pen/BaWxemM) <!-- JS: a = 21; b = 2; c = 1; --> 26. [ShinyChen - HTML & JS作業](https://codepen.io/shinychen/pen/BaWxeKq) 27. [Jane Lin - HTML & JS 作業](https://codepen.io/as60160/pen/YzZLxBx) 28. [Carol LEE - HTML & JS 作業](https://codepen.io/chiashiunlee/pen/qBrYGvx) 29. [三隻小貓 - HTML & JS 作業](https://codepen.io/bagelover/pen/rNyvErv) 30. [Dennis - HTML 作業](https://codepen.io/dennis-hung/pen/ExWLBvR/) 31. [Zoe - HTML & JS 作業](https://codepen.io/ehrenchen/pen/LYWrPZy) 32. [Lina Chen - HTML & JS 作業](https://codepen.io/LinaChen/pen/MWpXYyB) 33. [Roger - HTML & JS 作業](https://codepen.io/redtea227/pen/BaWVypd) 34. [Katie - HTML 作業](https://codepen.io/aria-mi/pen/mdWKyPE) 35. [Teddy Wu - HTML 作業](https://codepen.io/hongwei0522/pen/JjWZoyj?editors=1100) 36. [Sabrina](https://codepen.io/a120220ms25/pen/MWpXYOZ) 37. [Zackaz - HTML & JS作業](https://codepen.io/zackaz/pen/abJKzwe) 38. [BaoH - HTML作業](https://codepen.io/baoh/pen/KKWewBr) 39. [Yao Lin - HTML & JS 作業](https://codepen.io/yaoyaoiii/pen/JjWZoaY) 40. [小尹 - HTML作業](https://codepen.io/myQtime/pen/xxqzbWb) 41. [Leo Liao - HTML & JS 作業](https://codepen.io/LeoLiaoDemo/pen/oNZygVY) 42. [Xing CT - HTML & JS 作業](https://codepen.io/xing10/pen/VwpdYJb) 43. [蔡明達 - HTML & JS 作業](https://codepen.io/bmzpfyxe/pen/rNyKVVa) 44. [Ken Chen - HTML & JS 作業](https://codepen.io/bmzpfyxe/pen/gOmKpPz) 45. [Chiao Chang - HTML 作業](https://codepen.io/azulcasper/pen/ExWLGoY) 46. [IBUN - HTML & JS 作業](https://codepen.io/kagamiakira_IBUN/pen/xxqzGgg) 47. [阿丁兒 - HTML & JS 作業](https://codepen.io/dingpachan/pen/rNyKVGe) <!-- JS作業 Q1: a=21; Q2: b=2; Q3: c=1; --> 48. [HsiuTing - HTML & JS 作業](https://codepen.io/syutei/pen/oNZyXWe) 49. [li li - HTML & JS 作業](https://codepen.io/lintapop/pen/yLMENZO) 50. [spring40747 - HTML & JS 作業](https://codepen.io/spring40747/pen/XWMeKrJ) 51. [songyang - HTML & JS 作業](https://codepen.io/song-yang/pen/MWpXWMG) 52. [Winnie - HTML & JS 作業](https://codepen.io/hsuanyu0115/pen/GRWGpVZ) 53. [BT - HTML & JS 作業](https://codepen.io/Bettyhsu/pen/dyvKGdM) 54. [SpingTseng - HTML & JS作業](https://codepen.io/spingtseng/pen/qBrKbgZ) 55. [Oren -HTML & JS 作業](https://codepen.io/iuslbvkc-the-styleful/pen/WNpyrYK)<!-- JS答案 2: a = 21; b = 2; c = 1; --> 56. [Yen - HTML & JS作業](https://codepen.io/skxydvbs/pen/NWpzxmL) 57. [Natsu小夏 - HTML作業](https://codepen.io/natsunari/pen/KKWezZP) 58. [Teddy-HTML&JS作業](https://codepen.io/nina-web-eng/pen/VwpQmrR) 59. [我是泇吟 - HTML & JS作業](https://codepen.io/kljuqbxs/pen/MWpXyVa?editors=1100) 60. [Miso - HTML & JS作業](https://codepen.io/MisoPan/pen/LYWrNJe) 61. [Joy Cheng - HTML作業 & JS作業](https://codepen.io/joycheng5432/pen/WNpyvGm) 62. [威利 - HTML & JS作業](https://codepen.io/willy83310/pen/RwpJaYY) 63. [ Overy - HTML & JS 作業](https://codepen.io/overy-tsai/pen/BaWVKqE) 64. [andyphl - HTML & JS 作業](https://codepen.io/andyphl/pen/ZEeRWNB) 65. [雅琇 Alicia - HTML作業 & JS 作業](https://codepen.io/yahsiu-hsu/pen/ZEeRWdB) 66. [Abby-HTML作業](https://codepen.io/abby-shiu/pen/MWpXyRj) 67. [Moto - HTML、JS作業](https://codepen.io/moto-san/pen/ExWRyER) 68. [Michelle - HTML & JS作業](https://codepen.io/michelle61219/pen/GRWGqbo) 69. [Hub - HTML 作業](https://codepen.io/hub-bmo/pen/PopaGGW) 70. [Null - HTML & JS作業](https://codepen.io/Whale-Cat/pen/eYvKdgQ) 71. [OAO - HTML & JS作業](https://codepen.io/OAOAO/pen/YzZvpRv) 72. [諾 - HTML & JS作業](https://codepen.io/noichan/pen/OJpEWMK) 73. [chen ef-HTML作業](https://codepen.io/efjobber/pen/WNpyRxr) 74. [Gary Yang - HTML & JS作業](https://codepen.io/fong-yuyang/pen/MWpXJPr) 75. [Yu shiuan Chang - HTML & JS作業](https://codepen.io/prankaChang/pen/QWpxdPg) 76. [櫻桃- HTML & JS作業](https://codepen.io/linjiayi275/pen/QWpxprx) 77. [Kelvin Wu- HTML & JS作業](https://codepen.io/kai5363/pen/vYxrmEJ) 78. [Doran Wu- HTML & JS作業](https://codepen.io/vneverz/pen/XWMYRed) 79. [henry- HTML作業](https://codepen.io/henrymorgan666/pen/VwpdbJB) 80. [Wei Han Jan- HTML & JS作業](https://codepen.io/begoniasuccess/pen/jOBKmjP) 81. [Chung- HTML & JS作業](https://codepen.io/chung_123/pen/QWpxgbj) 82. [PinYin- HTML & JS作業](https://codepen.io/PinYin/pen/xxqzEYx) 83. [Steve- HTML & JS作業](https://codepen.io/sars8591/pen/vYxrZeM) 84. [Achi-HTML作業](https://codepen.io/leaf0608/pen/rNyKzOq) 85. [Chien - HTML & JS 作業](https://codepen.io/xxchein/pen/wvJXeLo) 86. [sylvia - HTML 作業](https://codepen.io/pzzybdjs-the-animator/pen/MWpXvBZ) 87. [Jason- HTML & JS作業](https://codepen.io/jason101121/pen/VwpdWmV) 88. [Lao- HTML & JS作業](https://codepen.io/rao418065/pen/jOBKGEd) 89. [駱彥融- HTML & JS作業](https://codepen.io/yjluo/pen/QWpxqEY) 90. [YOYO- HTML & JS作業](https://codepen.io/lumedkle/pen/yLMEPJV) 91. [Ren - HTML & JS作業](https://codepen.io/rueiphy/pen/XWMYzKa) 92. [GAO-Html & JS作業](https://codepen.io/Codingoflife/pen/wvJXPYW) 93. [Tommy - HTML作業]( https://codepen.io/tommy168/pen/NWpzwJd ) 94. [jie- HTML & JS 作業](https://codepen.io/jie333/pen/ZEeRvrV) 95. [wenyi liu - HTML & JS 作業](https://codepen.io/tomato651/pen/xxqzpax) 96. [Jeff H - HTML & JS 作業](https://codepen.io/jeffhung/pen/yLMEppx) 97. [Ting- HTML & JS 作業](https://codepen.io/veqnspek-the-decoder/pen/XWMYEgz) 98. [Snail Yen - HTML & JS 作業](https://codepen.io/SnailYen/pen/dyvKmWQ) 99. [Yu - HTML & JS 作業](https://codepen.io/yuuuu4444/pen/jOBKzGM) 100. [林昱賢 - HTML & JS 作業](https://codepen.io/gwjrfcvy-the-reactor/pen/MWpXGOP) 101. [Harry HTML & JS 作業](https://codepen.io/kinhei-shing/pen/LYWrgzy) 102. [drumrick HTML & JS 作業](https://codepen.io/drumrick/pen/PopayVX) 103. [拿鐵 HTML & JS 作業](https://codepen.io/qinsplanet1024/pen/GRWGwzg) 104. [Lai HTML作業 & JS 作業](https://codepen.io/twilight-sl/pen/PopaLbr) 105. [Hank Chou HTML & JS 作業](https://codepen.io/oceanchou/pen/xxqzBPj) 106. [Min Chun Tsai HTML & JS作業](https://codepen.io/Tsai0926/pen/yLMEWEL) 107. [Qian - HTML & JS作業](https://codepen.io/qianhuiwei/pen/zYZRrwB) 108. [小詹 - HTML & JS作業](https://codepen.io/ball77111/pen/xxqzoMa) 109. [Erica Chen - HTML & JS作業](https://codepen.io/ericachen/pen/RwpBbWg) 110. [IvyCho - HTML & JS作業](https://codepen.io/ivychocho54/pen/RwpBPGZ) 111. [Greg Wu - HTML & JS作業](https://codepen.io/WuGreg/pen/MWpBKwQ) 112. [薰仔 - HTML & JS作業](https://codepen.io/yunxun/pen/ExWpKoK) 113. [Ru - HTML & JS 作業](https://codepen.io/Ariel_Chen/pen/XWMBjay) 114. [LoKing23 - HTML&JS作業](https://codepen.io/loking23/pen/BaWPmYB) 115. [Min - HTML作業](https://codepen.io/minnn7716/pen/mdWjqoN) 116. [齡移 - HTML & JS 作業](https://codepen.io/mrwang01/pen/YzZjYJw) 117. [Joanna Chen - HTML & JS 作業](https://codepen.io/chen-chens/pen/LYWBQJy) 118. [pidder - HTML & JS 作業](https://codepen.io/pidderliao/pen/vYxapeO) 119. [Hankan - HTML & JS 作業](https://codepen.io/Hankan/pen/abJjjWL) 120. [Haley - HTML & JS 作業](https://codepen.io/wsx3690/pen/mdWjzOw) 121. [Janet Shen - HTML & JS 作業](https://codepen.io/janetshen/pen/wvJxxWb) 122. [Jessica Chiu - HTML作業](https://codepen.io/pp042128/pen/XWMBQEx) 123. [林詠雯-HTML、JS作業](https://https://https://codepen.io/meimeilin/pen/JjWBVmQ) 124. [Anita-HTML、JS作業](https://codepen.io/lcogkgva/pen/ZEejNeN) 125. [Huanan-HTML、JS作業](https://codepen.io/hua_nan/pen/qBryGoa) 126. [Yiren-HTML、JS作業](https://codepen.io/Yiren_Liou/pen/QWpVGLQ) 127. [周周 - HTML & JS作業](https://codepen.io/jhoujhou-the-decoder/pen/eYvLByw) 128. [何雲溪 - HTML作業](https://codepen.io/hkaqmqna-the-decoder/pen/XWMPMyy) 129. [Anne Lin - HTML、JS作業](https://codepen.io/mmj159/pen/ZEeMoMo) 130. [Isaac - HTML & JS 作業](https://codepen.io/isaac1125/pen/OJpoKrX) 131. [Clara Cai - HTML & JS 作業](https://codepen.io/Clara-Snowy/pen/poexBKe) 132. [Jimmy.cc - HTML & JS 作業](https://codepen.io/gminc/pen/NWpEybp) 133. [coco li - HTML & JS 作業](https://codepen.io/corinna_li/pen/oNZJZXe) 134. [袁祥恩- HTML & JS 作業](https://codepen.io/ovfxsavp-the-bashful/pen/zYZygzK) 135. [Ted Wu- HTML & JS 作業](https://codepen.io/yes123430/pen/QWpYNZv) 136. [秉成 - HTML & JS 作業](https://codepen.io/mick1031/pen/bGqzwmP) 137. [Ching hua - HTML & JS 作業](https://codepen.io/ching-hua-wang/pen/qBrggaY?editors=1010) 138. [Jhett Lien - HTML作業](https://codepen.io/marduklien/pen/wvdwVbW) 139. [Newman- HTML & JS 作業](https://codepen.io/newmankz/pen/MWmgNLE) 140. [蔡秉祐- HTML & JS 作業](https://codepen.io/cwrzyhae-the-animator/pen/GRmRgYK) 141. [chiachia - HTML作業](https://codepen.io/chiachiaD/pen/MWmWjRE?editors=1100) 142. [黃柏爲 - HTML & JS作業](https://codepen.io/Niar7911/pen/abWbYbb) 143. [木木 - HTML & JS作業](https://codepen.io/thk80457436/pen/YzVzLbM) 144. [Manto - HTML & JS 作業](https://codepen.io/manto-chang/pen/jOmEMPg) 145. [Perry - HTML & JS 作業](https://codepen.io/hahaperry/pen/VwbYmWJ)