---
# System prepended metadata

title: 6/23 每日任務 Day13
tags: [2021 程式體驗營]

---

---
tags: 2021 程式體驗營
---
{%hackmd theme-dark %}
# 6/23 每日任務 Day13

## HTML 任務題目

今天練習在 codepen 上使用 SCSS 寫樣式：
1. 請同學按照教學影片 打開 codepen 新增一個 pen
2. 把 CSS 區塊的格式設置為 SCSS 
3. 在 CSS 區塊中練習添加三到五個變數
4. 將 codepen 連結貼至下方回報即完成

附上完成示意圖(變數部分同學可自行設計，圖片僅供參考)：
![](https://i.imgur.com/JxygLfM.png)

**[CodePen 連結](https://codepen.io/jeffhung/pen/WNpVwza)**

## JS 任務題目

請同學觀看 50 小時影音教學的 ***陣列教學*** 章節影片，學習完畢後回答下方問題：

1. 請分別寫出 pop、shift、push、unshift、splice 五種陣列操作方法用於實現哪些功能
2. 請同學以下方的陣列為基準撰寫程式碼，挑選上方的至少三種方式來實際運用看看
3. 請給自己撰寫出來的代碼加上備註 比如你這行做了什麼行為，在執行後 console.log(socialMedia) 的結果會是什麼
```javascript=
let socialMedia = ["LINE", "FB", "IG", "DCARD", "WeChat"]
// 方向參考：
// 1. 可以嘗試增加一個新的社群軟體在某個特定索引位置
// 2. 可以嘗試刪除某一個特定的社群軟體
// 3. 可以練習增加一個在最後方 接著使用刪除最後一個 刪掉剛才新增的
// 4. 可以練習一次增加多個或刪除多個
// 5. 以此類推自行延伸 ...
```
