---
# System prepended metadata

title: 北 5 組 - 第三週小組任務
tags: [2023 JS 直播班]

---

# 北 5 組 - 第三週小組任務


使用 discord、ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
    1. 該問題集的答案
    2. 提供 1~3 張 discord 或 ZOOM 對話截圖，確保有進行小組討論
    3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。


**常見問題：**
Q：約時間討論的組員至少要幾位？
A：至少兩位就可成團！

Q：如果沒有分組，可以一起玩嗎？
A：可以

## 問題

### 第一題 
請各組員試用 [chatGPT](https://chat.openai.com/) 來解決目前遇到的 JS 問題（需註冊帳號）。不管是釐清觀念，或是解題都可以練習怎麼問好問題!
範例：https://chat.openai.com/share/7a4292b7-0767-408d-9d1c-ef0729661903

| 組員 | ChatGPT |
|-----|--------|
|Ryann|[JS 轉小寫中文](https://chat.openai.com/share/8a225773-a050-4419-a75c-65e1f175bded)|
|H.L.C|[codewars-動物盛宴解題](https://chat.openai.com/share/f46dc5af-9135-463b-98ca-aca2a92460c1)|


### 第二題 Git 挑戰

完成 [Git 任務二](https://hackmd.io/8uEPk1GeTBCl8lUQfD5b5Q?view)

#### 任務流程

- [x]  1-1：A 成員新增一個空的 `index.html` **，進行 git push 動作**
- [x]  1-2：B 成員 Clone 下來，將 `index.html` 網頁內容加入下方折疊處後 **，進行 git push 動作**

::: spoiler HTML 內容
```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>標題</h1>
</body>
</html>
```
:::
- [x] 1-3：**<span style="color:blue">A 成員進行 git pull 抓最新 `index.html` 版本下來</span>**
- [x] 1-4：A 成員修改 head 的 `title`，文字設為 `修改 title`，並 commit 一個版本，comment 內容為 `修改 head title`**，進行 git push 動作**
- [x]  1-5：B 成員進行 `git pull` 抓最新版本下來
- [x]  1-6：B 成員修改 h1 的文字設為 `修改標題`，並 commit 一個版本，comment 內容為 `修改 h1 文字`**，進行 git push 動作**
- [x]  1-7：A 成員修改 head 的 `title`，文字設為 `再次修改 title`，並 commit 一個版本，comment 內容為 `調整 head 文字`
- [x] **1-8：<span style="color:blue">A 成員進行 `git push`，引發更新錯誤</span>**
- [x] 1-9：A 成員執行 `git pull` 合併版本後 **，進行 git push 動作**
- [x] 1-10：B 成員進行 `git pull` 抓最新版本下來
- [x] 1-11：B 成員修改 h1 的文字設為 `修改標題 B`，並 commit 一個版本，comment 內容為 `修改 h1 文字，增加 B 資訊`**，進行 git push 動作**
- [x] 1-12：A 成員修改 h1 的文字設為 `修改標題 A`，並 commit 一個版本，comment 內容為 `修改 h1 文字，增加 A 資訊`
- [x] **1-13：<span style="color:blue">A 成員執行 `git pull` 引發版本合併衝突**</span>
- [x] 1-14：A 成員只保留一個 h1，文字設為 `修改標題 AB`，重新加入索引，並執行 `git commit` 來合併版本 **，進行 git push 動作**
- [x] 1-15：B 成員也進行 git pull 抓最新版本下來

#### 檢核點

- [x]  A、B 成員與 GitHub Repo 都有相同的 commit 數量
- [x]  藍字步驟，都有顯示預期結果

```
## 關鍵步驟講解
1-3：本地 Fast-forward (快轉) 合併成功
1-8：遠端 Fast-forward (快轉) 合併被拒絕 - 
     需執行 Pulling and Merging (拉取並合併)
1-13：Merge Conflict (合併衝突)
```

#### 預期線圖

**成員 A**
![](https://hackmd.io/_uploads/SkkieGYGT.jpg)

**成員 B**
![](https://hackmd.io/_uploads/BJLyZftG6.png)

## 討論過程截圖

![](https://hackmd.io/_uploads/rJLwMM_GT.jpg)

![](https://hackmd.io/_uploads/ByLSbMtzp.jpg)

![](https://hackmd.io/_uploads/ryXf-ftM6.jpg)

---