---
# System prepended metadata

title: 新手組作業繳交區
tags: [Vue 實戰直播班-新手任務]

---

---
tags: Vue 實戰直播班-新手任務
---


# 新手組作業繳交區
（完成者，也請到[每日任務](https://docs.google.com/spreadsheets/d/1DOk5jCqnz-y_z6M_aFaoNn3n-ayheFhQ6h2LLDzYaXg/edit#gid=34491874)上打勾）



## Day 5 (6/19)
### Rowan（補）
6/15 [作業](https://codepen.io/dxnqcnen/pen/BajQMGe)
心得:參考清空的方式
6/16 [作業](https://codepen.io/dxnqcnen/pen/abdBMNY)
心得:思考要怎麼用switch完成英雄挑戰
6/17 [作業](https://codepen.io/dxnqcnen/pen/VwemNGm)
心得:利息算上花比多時間，覺得code應該可以更簡潔些
6/18 [作業](https://codepen.io/dxnqcnen/pen/BajWKmP)
心得:參考了同學的switch 部分跟看了老師的說明影片才了解+-/怎麼運算
6/19 [作業](https://codepen.io/dxnqcnen/pen/bGEqYdy)
心得:不知道要什麼該使用 e.target,網路google蠻多跟參考同學的有初步了解 



### Iris小艾（補6/19）
- 作業連結：[普通含刪除](https://codepen.io/irisLife/pen/pogeKgQ)
- 心得：刪除的部分花了點時間才搞懂運作的邏輯

### Lichi (補6/15、16、17)
- 作業連結：補繳 [6/15](https://codepen.io/crinoidms/pen/gOPmVNg)、[6/16](https://codepen.io/crinoidms/pen/pogeMmK)、[6/17](https://codepen.io/crinoidms/pen/JjGWgxQ)
- 心得：練習了 js 的語法，還查了一些之前沒用過的，謝謝老師跟助教。

### Huei_Lin (補6/17)

* [6/17](https://hackmd.io/vo7R3fFBSBaDqAeI-bLVug?both)

### TsungTse (補6/15)💯
- [普通](https://codepen.io/uujiwujq/pen/abdJWdz)
- [英雄](https://codepen.io/uujiwujq/pen/xxZqdwG)
- 心得：有參考同學的做法知道 e 是指鼠標，無意中發現 e.target 和此時的 this 相同，不過 this 還不是很懂
### TsungTse (補6/16 17)
- [6/16](https://codepen.io/uujiwujq/pen/ExPmNQa)
- [6/17](https://codepen.io/uujiwujq/pen/RwrVXVz)

### Pandaa Chui (補6/17)
- [作業連結](https://codepen.io/pandaachu/pen/xxZRPVz)
- 心得：學到定義input.value的值的時候，要把它放在點擊事件裡才會取到點擊後的值，卡在這邊很久XD
>助教回覆：助教這邊在檢查程式碼的時候，發現 loanBtn 無法正常運行，可以參考Claire Chang 的寫法。另外建議你除了不借款的區塊，其他區塊要加入 loanBtn.disabled = false;。

### 洋蔥💯
- [作業連結](https://codepen.io/mikeyam/pen/BajpRjP)
- 心得：還沒完成英雄任務的編輯和刪除，對於物件的取出結合forEach還不是很熟練


### Jin💯
- [作業連結](https://codepen.io/Jin-L/pen/rNxjWXy?editors=1010)
- 心得: 加入了刪除特定用戶的功能以及執行送出後，input欄位自動反白(不確定這個是不是英雄挑戰裡面的完成編輯功能)。
  :::info
  **Question：**
	在函式內宣告變數後，卻無法在下面再次調用
  inputName = document.querySelector("input[type='text']").value
	inputName = ''; // 這個會失效
	
	document.querySelector("input[type='text']").value = ''; // 這個會成功
	:::
>助教回覆：助教分別測試 JS 第 40+41 行的組合以及JS 第 42+43 行的組合，沒有問題哩。

### Kun💯

- [作業連結](https://codepen.io/Kun-Liu/pen/ExPZZzd?editors=1011)
- 這次作業主要卡在新增 li 得時候，要如何動態新增(appendChild)，後續 Google 已順利解決
### chihyuanchao (補6/17)
- [作業連結](https://codepen.io/oneraner/pen/ExPZWvz)
- 心得：看[這份作業](https://codepen.io/chloelo/pen/oNbYzVZ)抄的，不知道哪裡有問題，還是應該要先一年一年算，先不要用陣列？
>助教回覆：JS 第 28 行的 balance.textContent = jayMoney; 如果輸入欲借貸金額之後，Console.log(balance.textContent) 會報錯，建議從這一行開始修改。

### Chloe💯
- [作業連結](https://codepen.io/chloelo/pen/OJMWpBO)
- 心得：只有做出刪除的功能，編輯要再研究 QQ

### Wendy💯
- [作業連結](https://codepen.io/wendy03/pen/OJMWPNp)
- 心得：不停console.dir 查看資料，終於做出一個簡單編輯功能
>助教回覆：功能很完整，作業練習的很棒:smile:。

### Vic💯
- [作業連結](https://codepen.io/hsuan333/pen/OJMWWJe?editors=1012)
- 可以新增資料，刪除與編輯還在想，或許可以用 infexOf，再配合 dataset找出陣列裡的物件位置
>助教回覆：構想如何設計是很不錯的想法唷。另外建議也可以參考 Wendy 的寫法。

### Jason Hung💯

- [英雄挑戰](https://codepen.io/brook110413/pen/zYrNdqy)
- 這次對於forEach又更加認識，以往需要用到if的地方改為forEach讓程式碼看起來更加簡潔，英雄關卡只做出刪除，但編輯的部分想不透怎麼處裡，因為loanList的內容是li，要怎麼編輯內容呢，還在思考怎麼解決
>助教回覆：建議可以參考 Wendy 的寫法。

### Caleb Liao💯
- [作業連結](https://codepen.io/redhung712/pen/mdVRBmx)
- 心得：想為直播班課前先做點準備，所以還沒研究編輯功能怎麼做，之後再來補~
### Claire Chang💯
- [作業連結](https://codepen.io/claire-chang-the-bashful/pen/wvMgqEp)
- 五天的新手訓練也反覆練習了許多語法，謝謝老師跟助教。
>助教回覆：助教個人覺得你設計的版型很棒:smile:。

### Aiden Kao💯
- [作業連結](https://codepen.io/AidenKao/pen/BajpwjV)
- 心得：陣列跟物件的應用更熟悉了，但目前只完成新增的功能，編輯跟刪除還須努力

### Doris💯
- [作業連結](https://codepen.io/dorishsiao007/pen/bGEgWOP)
- 心得：上完資料處理與畫面分離後，也試著應用在此作業中，修改功能想很久要怎麼呈現，最後決定在畫面中輸入已存在的借款人，則視為執行更新金額。

### guanyin💯
- [作業連結] https://codepen.io/guanyinhou/pen/OJMWKrj
- [作業補交] day4修正 https://codepen.io/guanyinhou/pen/pogNEvZ
- 心得： Day5完成新增、編輯、刪除功能。Day4進一步修正讓輸入欄位出現1000以下的數字透過change的方式disabled下方的按鈕跟顯示內容。
>助教回覆：功能很完整，作業練習的很棒:smile:。也恭喜你修訂完成，讓作業正常運作。

### Alex 124💯
- 作業連結：[英雄挑戰] https://codepen.io/dejando/pen/QWydBpy?editors=1111
- 心得：感覺寫得太複雜了,越寫越慢...
>助教回覆：功能很完整，作業練習的很棒:smile:。一開始寫的程式碼通常都會是一長串的，會慢慢進步的。

### Yun💯
* 作業連結 : 補繳 [6/18](https://codepen.io/linyinga/pen/yLeVWML)  、[6/19](https://codepen.io/linyinga/pen/BajpRrv?editors=0010)
* 程度太差只能參考別人的再慢慢學XDDD
>助教回覆：建議 6/18 的作業加入清空資料的功能哩。

### wind💯
- [作業連結](https://codepen.io/wind7y/pen/vYLgeLJ)
- 心得：在做編輯功能時，因為使用before，會將html string當作string，故改用insertAdjacentHTML來達成目的。這次開始試著使用箭頭函式和陣列的一些方法，還需多加練習，才會熟悉。
- 參考：https://developer.mozilla.org/zh-TW/docs/Web/API/Element/insertAdjacentHTML
>助教回覆：建議先呼叫 displayScreen(); 讓小杰出現。

### Huei_Lin💯
* 作業連結 : 補繳[6/15](https://codepen.io/lilysally/pen/JjGWWgo)
心得:原來用change事件，就能在輸入完成後取到值
* 作業連結 : 補繳[6/16](https://codepen.io/lilysally/pen/VwepbPp)
>助教回覆：建議 6/15 的作業加入清空資料的功能哩。


### Chen (補 6/17)💯
- 作業連結 : 補繳 [6/17](https://codepen.io/fatchi20150808/pen/ZEQBgjZ?editors=0010)
- 心得：有參考一下同學的作業，之後還需要持續練習。第一次嘗試用 let 、 const。
- 參考文件: [Math.round()](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Math/round)、[Math.pow()](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Math/pow)

### XiaoYun (補 6/19)
- 作業連結 : 補繳 [6/19](https://codepen.io/cloudia_2/pen/MWKpLaZ)
- 心得：看著第一週：關注點分離影片才做出來，英雄挑戰可能還需要再多研究一下才能完成。

### 米菇
- 作業連結： [補繳6/15](https://codepen.io/apple0395/pen/mdVWLpV)
- 作業連結： [補繳6/16](https://codepen.io/apple0395/pen/ExPWLGJ)
- 作業連結： [補繳6/17](https://codepen.io/apple0395/pen/OJMpEmQ)
- 心得： 最難的是公式
- 作業連結： [補繳6/18](https://codepen.io/apple0395/pen/ZEQeMMM)
- [作業連結](https://codepen.io/apple0395/pen/yLeMZjW)

### 楊孟軒 (補 6/19)
- 作業連結 : https://codepen.io/MengXuan/pen/BajWVpr
- 心得：有什麼地方可以改進嗎

## Day 4 (6/18)

### Jin💯
- [作業連結 (補交 6/15)](https://codepen.io/Jin-L/pen/BajQGRo?editors=1011)
- [作業連結 (補交 6/16)](https://codepen.io/Jin-L/pen/VwemVdJ?editors=1010)
- [作業連結 (補交 6/17)](https://codepen.io/Jin-L/pen/MWKbZaq?editors=1011)
- 心得: 不太了解Day3英雄挑戰的使用陣列完成 1 ~ 3 年期的統計方式這個區塊，只有完成「確定借款」功能
- [作業連結](https://codepen.io/Jin-L/pen/RwroEeg?editors=1010)
- 心得: 在實作過程中發現，按下Answer之後雖然會跳出結果，但是要進行第2次運算就會怪怪的，經過修改後目前可以順利呈現，覺得新增的功能滿有成就的:smile:
>助教回覆：建議 Day 3 的作業可以參考 Claire Chang 的寫法，並且將「鄰居決定貸款」的按鈕設計 disabled 功能開始著手哩。

### 洋蔥💯

- [作業連結](https://codepen.io/mikeyam/pen/GRoNwQg?editors=1111)
- 要看老師作業說明才做得出來，還不太能獨立作業。
>助教回覆：建議增加歸零的功能，可以參考 YC 的寫法哩。

### Wendy💯
- [作業連結](https://codepen.io/wendy03/pen/MWKbBLV?editors=1011)
- 心得：目前只做到每次計算一次，再努力尋找方法。
- [作業連結 (6/15補交)](https://codepen.io/wendy03/pen/VwejxVQ)
- [作業連結 (6/16補交)](https://codepen.io/wendy03/pen/JjGKZJv)
>助教回覆：計算機做得很棒，功能很齊全。

### Huang zheng💯 
- [作業連結] 補繳作業(6/17)(https://codepen.io/smallzheng/pen/zYromjZ?editors=0010)
- 心得：我就是爛!參考同學的作業才能寫出來。
>助教回覆：建議 JS 第 18 行的loanBtn.disabled = true; 改放在 JS 第 26 行，建議再調整看看喔。

### Siling💯
- [作業連結 補交6/16 (含普通、英雄)](https://codepen.io/thinksea/pen/pogNOwx) 
- 心得: 寫很久，沒意識到原來textContent取出來的是字串，之後又自己腦殘將變數少字，哈哈，但有一個地方不懂，不知為何不行，已在codepen註解裡點出，請助教指點，在那邊卡好久，最後換方式寫才OK。
- [作業連結 補交6/17](https://codepen.io/thinksea/pen/rNxWRRr?editors=0010) 
- 心得:有寫比較快一點了，學到Math.round用法，覺得code很長，應該有更精簡的寫法才對。然後參悟不透用陣列要怎麼寫XD，不知在哪個部份可以使用陣列。
- 謝謝助教批改~
>助教回覆：6/16 的作業建議 JS 第 26 和 27 行改成 mingMoney.textContent = (mingWallet - parseInt(inputCash.value)); 就可以運行哩。

### Claire Chang💯
- [作業連結](https://codepen.io/claire-chang-the-bashful/pen/LYGbMMR)
- 心得: 難度提升好多，查到了eval & join語法，計算好方便！

### YC💯
- [作業連結](https://codepen.io/YC_Chang/pen/ZEQBZzj?editors=1011)
- 心得:要怎麼讓他原本預設顯示0卻不影響後面計算呢..還在想中，先交作業！
- [6/17作業補交](https://codepen.io/YC_Chang/pen/qBbqbNd?editors=1111)
- 心得: 要看別人的作業才知道怎麼寫ＸＤ
>助教回覆：建立正確的觀念和多練習就會提昇功力哩。學習程式都是先從模仿開始唷。

### Adam💯
- [6/17作業補繳](https://codepen.io/Adam-Hsu/pen/MWKbPWg?editors=1011)
- 心得: 又學到了Math.round()及 btn.disable的用法~~

### kj💯
- [作業連結](https://codepen.io/kjwen/pen/dyGOarK?editors=1010)
- 心得：做起來有點卡，有些額外想做的設定做不太出來，先以作業要求繳交~
>助教回覆：功能可以正常運作，建議先求有再求好🙂。

### Jason Hing💯

- [英雄挑戰](https://codepen.io/brook110413/pen/pogNYvE)
- 心得：很多地方需要看老師的影片才有辦法解，學到了eval()的用法，真的很好用，目前遇到的問題是0這個數字可以在第一個，在想辦法看能不能修改
>助教回覆：建議加入判斷 firstNum 的字串中第一個字是不是 0，解決方案的關鍵字可以朝著「字串、陣列」去搜尋。


### 雅婷💯
- 作業連結：https://codepen.io/TinaTing/pen/abdBMdY
- 心得：原來 switch case 中的 case 判斷也有分數字與字串，使用 data-* 在取值時，dataset 會是取出字串，用 switch 判斷時需要注意一下。
```javascript=
switch(item){
 case 1: // 這是數字，item 必須轉型成數字
  break;
 case "1": // 這是字串，item 必須轉型成字串
  break;
} 
```
>助教回覆：自行解決和釐清觀念很棒唷🙂。

### Aiden Kao💯

- [作業連結](https://codepen.io/AidenKao/pen/mdVOvZv)
- 心得：寫到腦袋打結，寫完發現其他同學有提到好像很方便的fuction可以用，之後再來優化，目前同樣遇到第一個數字可以為0的情況，再研究一下該怎麼解決QQ
>助教回覆：建議加入判斷 numberSet1 的字串中第一個字是不是 0，解決方案的關鍵字可以朝著「字串、陣列」去搜尋。

### Leo 補繳(6/17作業) 💯
- [作業連結](https://codepen.io/leo365/pen/yLeawMP?editors=0001)
- 心得:剛開始一直糾結在利率的算法，直到參考別人的程式碼，才有思緒，不過最後還是不清楚利率的算法...，透過拼拼湊湊的完成了作業，所以利率算法到底是怎樣算阿??，而且還不確定是否有其他的錯誤，再麻煩老師和助教了
>助教回覆：助教查看之後製作的不錯哦~作業沒有太大問題哩

### Chloe💯
- [作業連結](https://codepen.io/chloelo/pen/BajQEJm)
- 想要把 + - * / 的按鈕在點擊的當下就顯示到畫面上，可是一直沒想出怎麼做，甚至不知道運算子的字串不能直接轉換成運算子，鬼打牆好久，要再花時間優化QQ

### Reynold 補繳(6/17作業)💯
- [作業連結](https://reurl.cc/62RmW5)
- 弄了5個小時總算是做出來...
>助教回覆：作業做得很不錯唷，建議再加入「鄰居決定貸款」的按鈕 disabled 功能就更完整哩。

### Vic 
- [Vic](https://codepen.io/hsuan333/pen/KKVNxqx)
- 參考同學使用 eval()與 join()用法
- 只有加法減法跟奇怪的 bug，但是比卡在 JS地下城稍微好多了
>助教回覆：畫面做得很棒，但是計算功能缺少乘法和除法，建議補齊功能哩。

#### Yun💯
* 補繳作業 [6/17](https://codepen.io/linyinga/pen/YzwGdvx?editors=0010)
* 程度不夠好，所以需要花更多時間研究，最後面無法顯示
>助教回覆：建議增加 var profit = document.querySelector('#profit'); 就可以顯示文字哩。

### Caleb Liao💯
- [作業連結](https://codepen.io/redhung712/pen/ZEQLzPB)
- 心得：忍不住想到什麼功能就加上去，結果程式碼看起來就又臭又長了(尤其是if的判斷式)，希望等變強之後可以進化成不只兩個數字的運算
>助教回覆：退回的功能很棒🙂。

### wind💯
- [作業連結](https://codepen.io/wind7y/pen/QWyGoVv)
- 心得：學習到eval的用法和參考老師的影片，來幫助理解整個程式架構，感覺獲益良多。

### Iven💯
- * 補繳作業[6/17]
- (https://codepen.io/rtorihnk/pen/vYLyQjB)
- 心得：有學到新的語法，並自己拆解之後一步一步打出來，覺得有點成就感。但好像程式碼有點冗長，請老師幫我看看有哪裡是需要更精簡的，謝謝。
>助教回覆：作業練習的很棒，助教鼓勵你可以額外參考 Claire Chang 或是 Alex 124 的寫法。


### XiaoYun💯
- [補繳作業](https://codepen.io/cloudiaxu/pen/WNroXMp)[6/17]
- 心得：昨天寫完居然忘了傳上來QQ，在運算中使用了無條件進位計算(`Math.ceil`)利息，不知道是不是OK的
>助教回覆：助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞，建議除了不借款這個部分，其他部分加入document.getElementById("loanBtn").disabled = false; 建議再調整看看喔。

### XiaoYun💯
- [作業連結](https://codepen.io/cloudiaxu/pen/oNbBgmz)
- 心得:雖然有寫出來計算功能，但還是有些bug的地方，需要再花時間研究

### Kun💯
- [作業連結](https://codepen.io/Kun-Liu/pen/wvMgaBE?editors=1011)
- 心得：有寫出來計算功能，但若運算第二次會覺得怪怪的，應該是需要有一個恢複至初始得函數
>助教回覆：建議增加歸零的功能，可以參考 YC 的寫法哩。

### Pann💯
- [作業連結](https://codepen.io/yvette-pann/pen/GRorpWV)
- 心得：有寫出來計算功能，但要再改善

### guanyin
- [作業連結]💯 https://codepen.io/guanyinhou/pen/ZEQLbMr
- [6/17作業修正] https://codepen.io/guanyinhou/pen/pogNEvZ
- 心得：6/17修正了負數會導向「借」的bug。 6/18有點小心虛因為老師提供了蠻完整的解說跟架構，另外為了方便測試多做了reset功能。
>助教回覆：助教這邊在檢查 6/17 作業程式碼的時候，發現運行上無法達成挑戰，建議你再調整。

#### Alex 124💯
- 作業連結：[英雄挑戰] https://codepen.io/dejando/pen/xxZgwjy?editors=0011
- 心得：開始適應javascript的寫法,速度有變快了

### JamesKuo💯
- [補交 6/15](https://codepen.io/jameskuo123/pen/NWxbLZE?editors=1111)
- [補交 6/16](https://codepen.io/jameskuo123/pen/zYromez?editors=1011)
- [補交 6/17](https://codepen.io/jameskuo123/pen/MWKJaQE?editors=1011)
- [6/18](https://codepen.io/jameskuo123/pen/pogRgqq?editors=1111)
  一直找不到新手組的作業在哪裡上傳XDD
  習慣把寫作業學到的東西跟心路歷程註解在js裡面，以後忘記用法的時候可以回去看
>助教回覆：6/16 作業，小明預設有 1000 元唷。

### Chang Chien
- 作業連結：https://codepen.io/nielsen_dch/pen/VwemRvV
- 心得：(6/19 補交)這題有點複雜，但是也讓我學了Math.round、Math.pow、disabled用法，是很不錯的經驗
>助教回覆：建議 JS 第 14 行的loanBtn.disabled = true; 改放在 JS 第 26 行，建議再調整看看喔。

### 楊孟軒
- 作業連結：https://codepen.io/MengXuan/pen/rNxjjgK
- 心得：06/19補交，總想把operation值也寫到函式addNumber裡面，為此卡了2小 -時，最後放棄治療...，只能做成這樣，真是委屈我家計算機了，等到放假再好好強化一下，現在等級只有LV0.5，給我丟臉啊～(為何MDN建議不要用eval函式 WHY~)
>助教回覆：eval 函式在處理不確定字串的時候，會引起 XSS (跨站指令碼攻擊)，另外不容易除錯和效能低造成難維護也是不建議採用的原因。


## Day 3 (6/17)

### 洋蔥💯
- 作業連結：https://codepen.io/mikeyam/pen/BajQLzw
- 一開始就卡在function的計算，後來發現twoyears後面少一個s，有參考其他同學code，原來有Math.round和Math.pow可以運用。
- 英雄作業：還不是太清楚如何運用陣列，不知道要在哪裡加入function?
>助教回覆：助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞，建議除了不借款這個部分，其他部分加入loanBtn.disabled = false; 建議再調整看看喔。
>另外回答你的問題，陣列裡面可以放入年利率，再搭配 function 來計算杰倫還剩多少費用，建議可以朝著這個方向試試看。


### Kun💯
- 作業連結：https://codepen.io/Kun-Liu/pen/BajLMgN?editors=1010
- 心得：目前做起來都還算順利，一開始先寫出又長又臭的 Code 後，後續加入 function 來簡化 Code。
>助教回覆：助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞，建議除了不借款這個部分，其他部分加入loanBtn.disabled = false; 建議再調整看看喔。

### Claire Chang💯
- 作業連結：https://codepen.io/claire-chang-the-bashful/pen/wvMoKmg
- 心得：跟著故事寫code，好像比較容易理解邏輯。

### kj💯
- 作業連結：https://codepen.io/kjwen/pen/oNbzVqK?editors=1010
- 心得：程式碼有點冗長，或許可以再將三年的複利計算包裝成一個函式。還沒有想到如何以陣列呈現，是否是運用map來操作呢？
>助教回覆：這個想法很棒，可以試著使用 map 來練習。


### Celeste
0617
- 作業連結：https://codepen.io/JOUCHUN/pen/wvMoKYJ?editors=0010
- 心得：我花最長的時間，竟然是在搞懂利息怎麼算 :laughing: 。
>助教回覆：助教這邊在檢查程式碼的時候，發現運行上無法達成挑戰，建議你再調整。

0616💯
- 作業連結：https://codepen.io/JOUCHUN/pen/NWxbGwp?editors=0010
- 心得：這個還算在能力範圍XD 。

### guanyin💯
- 作業連結：https://codepen.io/guanyinhou/pen/pogNEvZ
- 心得：陣列解法(X)。
>助教回覆：助教發現當畫面呈現不借的時候「鄰居決定貸款」的按鈕並沒有 disabled，建議這個部分再調整看看喔。

### 雅婷💯
- 作業：https://codepen.io/TinaTing/pen/jOWVMLe
- 心得：「年利率」有點難算>"<。再來是忘記處理金額四捨五入。

### chihyuanchao(補交6/16)💯
- 作業:https://codepen.io/oneraner/pen/mdVOrLB
- 心得：還在我就廢的階段，抄來的看得懂，但是自己寫就卡卡的，本日作業感謝Kun還附上說明。
>助教回覆：觀念正確，多練習就會進步的。

### Chloe💯
- 作業連結：https://codepen.io/chloelo/pen/oNbYzVZ
- 心得：複利好難算，最難的真的是公式 XDD
>助教回覆：學起來之後，可以練習計算銀行利息(?。

### Welson(補交6/16)💯
- 作業:https://codepen.io/Welson_n/pen/ExPNgBK?editors=1010
- 心得：覺得在事件練習上有熟悉一點了

### Caleb Liao💯
- 作業連結：https://codepen.io/redhung712/pen/ZEQBBzY
- 心得：看似複雜但還是能穩穩的做出來感覺很不錯，但不太懂為什麼第20行的a一定要寫在function裡，沒辦法跟第1行合在一起(?
>助教回覆：建議 JS 第 1 行程式碼拿掉，改寫第 20 行，內容為 
let a =(parseInt(document.getElementById('input').value))

### りん💯
- 作業連結：https://codepen.io/s_syoujyo/pen/wvMooeZ?editors=1011
- 心得：今天花了五個小時啊啊啊QQ 不停參考+查資料終於寫出來了 有同學真好QQ
>助教回覆：建議 JS 第 22 行程式碼拿掉，會影響 input.value 的運作唷。
>另外，助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞，建議除了不借款這個部分，其他部分加入 loanBtn.disabled = false; 建議再調整看看喔。

### Pann💯
- 作業連結：https://codepen.io/yvette-pann/pen/OJMbRNj
- 心得：謝謝老師和助教,也謝謝一起coding的大家,讓自己更有動力去完成

### Vic💯 
- [作業連結](https://codepen.io/hsuan333/pen/YzwpXGa?editors=1111)
- 陣列還沒想就先被打錯字卡住

### 小美Media💯
- [作業連結](https://codepen.io/meidada/pen/abdBpOG?editors=1011)
- 心得：今天的難度較難，計算利率需思考較久
>助教回覆：清空輸入框的想法很棒，建議 JS 第 20 行下方加入 input.value = ''; ，讓程式碼運作更順暢。

### Wendy💯
- [作業連結](https://codepen.io/wendy03/pen/JjGRMjo?editors=0010)
- 心得：code感覺可以再簡化，不確定陣列完成 1 ~ 3 年期的統計方式這個如何實作，利率好複雜

### Aiden Kao💯
-[作業連結](https://codepen.io/AidenKao/pen/LYGbZKP)
- 心得：學習到了 Math.round 以及 Math.pow 的用法，目前還沒思考出陣列的使用情境

### Weiliang💯
-[作業連結](https://codepen.io/k7741118/pen/qBbqPbm)
-心得：複習了利率的算法及btn disable用法，Math.round用法
>助教回覆：建議 JS 第 17 行的loanBtn.disabled = true; 改放在 JS 第 25 行，建議再調整看看喔。

### Jason Hung💯
- [作業連結](https://codepen.io/brook110413/pen/RwroLYq)
- 心得，學到btn可以使用disabled來控制，並且還有Math.round和Math.pow的用法，目前的程式碼都是想到什麼打什麼，明天來修改美化
>助教回覆：建議 JS 第 13 行的loanBtn.disabled = true; 改放在 JS 第 54 行，建議再調整看看喔。

### 咖咖💯
- 作業連結：https://codepen.io/gon790219/pen/LYGbWWp?editors=1010
- 心得：從下班開始花了四小時再研究，雖然功能有做出來，但算法是錯的，好像真的變成高利貸了><，完全不懂年利率，看到同學們有寫 1.2 /1.18 / 1.15 跪求是如何算的，這次有學習到使用 .disabled 以及 Math.round()用法。
>助教回覆：借貸的話語也太有趣啦:laughing:。

### Gus💯
- 作業連結：https://codepen.io/Dagus/pen/GRoNOgb
- 心得：學到setAttribute, Math.round, Math.pow。想挑戰英雄題，但不理解「用陣列完成統計」是什麼意思，陣列和陣列相乘嗎?請問是否能提供關鍵字，讓我查詢資料，謝謝~
>助教回覆：陣列裡面可以放入年利率，再搭配 function 來計算杰倫還剩多少費用，建議可以朝著這個方向試試看。


### wind💯
- 作業連結：https://codepen.io/wind7y/pen/KKVNgNx
- 心得：不確定這樣的寫法是否有達到英雄挑戰的陣列要求呢？另外重新回憶起Math.round和Math.pow的用法了 xd
>助教回覆：作業練習的很棒，助教鼓勵你可以額外參考 Claire Chang 或是 Alex 124 的寫法。

### Doris💯
- 作業連結：https://codepen.io/dorishsiao007/pen/gOPLmvX
- 心得：還有一些卡控想要實作，但是時間不多，來不及交了，自己測試過程中發現，如果輸入借款金額，連續click送出button，顯示的每年還款金額會有問題，問題來在查找中。

#### Alex 124💯
- 作業連結：
[英雄挑戰](https://codepen.io/dejando/pen/XWXNegN?editors=1011)
- 心得：比想像中複雜...

#### Jay💯
- 作業連結：https://codepen.io/jay0303597/pen/YzwpEYm
- 心得：這次學會 Math.round 四捨五入，Math.pow 乘以自己多次的方法，else if 裡面還可以再寫 if，用來精簡判斷程式碼。

#### YUKI
- 作業連結：https://codepen.io/sihyu/pen/dyGOPwW
-  心得：這個作業真心卡死我，但也沒有做出來ＱＡＱ主要是卡在借款出不來，一直出現『不借』，我參考同學的codepen還是覺得我的理解邏輯沒問題的（？），但是就不知道哪邊出了錯誤，煩請助教救救我.....謝謝
>助教回覆：原因是出在 JS 第 18 行，Console.log() 結果是 NaN，導致程式碼運行錯誤，建議參考 Caleb Liao 的寫法。 

#### 王玉銘💯
* [作業連結](https://codepen.io/yuming/pen/PoZbdZp)
* 心得: 這次作業有點難度,關念有點卡住的感覺,嘗是做出來但感覺很多地方有待加強。

#### 楊孟軒💯
* [作業連結]https://codepen.io/MengXuan/pen/abdBamg
* 心得: 有些地方還要再想想，不少地方都是參考同學的，我得跟JavaScript多多認識才行，回去看看影片好好想一想(06/18 09:36補交，但未看到新章在此註記!)
>助教回覆：借貸的話語也太有趣啦:laughing:。

#### Iris小艾💯
- 作業連結：https://codepen.io/irisLife/pen/WNrowLQ
- 心得：做完有點懷疑人生，花滿多時間在確認利息的計算，到底是我的計算式有錯，還是題目的範例示意本身的利率就是錯的QQ？ 可以請助教詢問一下講師嗎？
>助教回覆：建議可以參考同學們的寫法來驗證是否錯誤。

#### Yi-Jung💯
- 作業連結：https://codepen.io/yi-jung/pen/BajQjpJ?editors=1011
- 心得：謝謝助教昨天耐心的解惑！今天的作業做得比較久，感覺對變數範圍還不是很熟悉，必須再去複習一下。另外在做條件判斷的時候才了解原來switch的case只能用陳述式不能表達式啊！


## Day 2 (6/16)

**作業停止繳交，若要補交請交在隔天。**

### Jerry_Lin💯
- 作業連結：https://codepen.io/tico1314/pen/MWKjzMP
- 心得：謝謝老師，到目前為止都還順利。

#### yun💯
- 作業連結:[新手](https://codepen.io/linyinga/pen/GRojxEo?editors=0010)    [英雄](https://codepen.io/linyinga/pen/VweKVpo?editors=0010)
- 心得:新手部分一開始計算是正確的，但第2、3次之後數字會亂跳，不知道是不是程式碼的問題。英雄則是程式碼跑不出來
>助教回覆：助教這邊看是沒辦法正常計算，主要而因是變數命名上的錯誤，只需要調整一下變數命名，例如 var inputID = document.querySelector('#input'); 這樣同學就知道問題囉
>
#### 洋蔥💯
-  [作業](https://codepen.io/mikeyam/pen/mdVrpjX)
-  心得：注意number轉換
-  [英雄挑戰](https://codepen.io/mikeyam/pen/ZEQprXL?editors=1010)
-  心得：想不到方法，看了同學code，才記得有e.target可以使用，運用e.target指定點擊位置

#### Jason Hung💯
- [英雄挑戰](https://codepen.io/brook110413/pen/eYJdGMW?editors=1010)
- 心得：因為有第一關的經驗，這次直接挑戰英雄挑戰，比較想問的是，為何switch不用再將加起來的值return回money，原本有寫return，但嘗試後發現可以不用寫，但不理解為什麼
> 助教回覆：因為你這邊直接將值賦予回去囉 result.textContent = money + num;

#### Yuki💯
* [作業連結](https://codepen.io/sihyu/pen/YzwGwwZ)
* 心得: 出現以下錯誤，除了好久的錯都不知道原因


```--
Uncaught TypeError: Cannot read property 'addEventListener' of null
    at pen.js:31
```
然後，請朋友協助看一下，他建議之後若要測錯誤，使用Chrome瀏覽器，盡量用VScode編寫；另外程式錯誤真找不到，就一行一行測，多的東西先註解起來。
結果錯誤為：html的#lowerMoney沒有抓到，為null，原因為lowerMoney多寫了一個'。 

> 助教回覆：送出資料後也可以試著清除 input 唷~
> 沒錯哦，通常來講我們不會一次寫完程式碼，而是確定沒問題再往下寫

#### YC💯
- [作業連結](https://codepen.io/YC_Chang/pen/RwrGjRw?editors=1011)
- 心得：不曉得怎麼設條件讓扣錢不要扣成負的？
> 助教回覆：通常來講在扣除之後會先做一些判斷是否小於 0，但這邊沒關係哦，小明遲早某一天會貸款欠債的。
#### AnnieKuo💯
- 作業連結：https://codepen.io/anniekuochia/pen/OJMROrm?editors=1011
- 心得：英雄挑戰還是有點難，不知道可以怎麼去拆解那個程式邏輯
> 助教回覆：同學這邊「小明扣錢」有小小的錯誤，但問題不大，修改一下就可以囉~
#### Kun💯
- 作業連結：https://codepen.io/Kun-Liu/pen/MWKjONZ?editors=1010
- 心得：與昨天的類似，只要小心不要讓 input 取值為 String 及取得 mingMoney 為 String，做好型別轉換即可

#### Chloe💯
- 作業連結：https://codepen.io/chloelo/pen/LYGROvE
雖然限定只能輸入數字，但小數點，英文字母 E/e 都還是可以輸入，格式上 e 與數字的組合，有些判定還是可以變成數字，通常會怎麼解決這個問題呢？
- [問題可以參考這篇](https://stackoverflow.com/questions/31706611/why-does-the-html-input-with-type-number-allow-the-letter-e-to-be-entered-in#comment84099608_46421076)
> 助教回覆：通常來講我們會使用正規表達式來解決，但這個同學可以後面學習實在了解就可以囉
#### Ivy Ho💯
- 英雄挑戰：https://codepen.io/ivyho/pen/GRojMzV?editors=0010
- 心得：原本使用幼幼班寫法把功能寫出來，參考同學的寫法後，才學習到如何只使用一個 function 加上if、else 完成加法與減法運算指令。但依然有些重複的程式碼，會再研究看看是否有更精簡的寫法~
> 助教回覆：已經寫得想棒了哦~
> 在實際開發上，其實我們也不會一開始就思考精簡寫法哩 :D
#### kj💯
- 作業連結：https://codepen.io/kjwen/pen/JjGRMJX?editors=1010
- 英雄挑戰：https://codepen.io/kjwen/pen/vYLXpaW?editors=1010
- 心得：和昨天作業的概念相同，留意型別轉換，但不知道是否有其他型別轉換方法。this的使用仍然有點卡卡的，試過幾次才找出比較可以的方式。
> 助教回覆：this 觀念稍微比較重一點，可以後面在嘗試使用，這樣子挫折心比較不會那麼重哩 :D
#### Claire Chang💯
- 作業連結：https://codepen.io/claire-chang-the-bashful/pen/VweKQeX
- 心得：寫程式真的小細節都要留意，一直顯示錯誤最後才發現命名的單字拼錯了...
> 助教回覆：這是寫程式很常見的狀況哦~
> 助教自己也是唷 :D
#### Adam💯
- 作業連結: https://codepen.io/Adam-Hsu/pen/zYrKRPd?editors=1010
- 作業連結(英雄挑戰): https://codepen.io/Adam-Hsu/pen/YzwGaKb
- 心得: 注意型別的轉換，發現NaN的型別是 Number，當NaN+數字還是NaN，相較昨天if 的判斷這次試著用switch判別方法。

#### Iris小艾💯
- 作業連結(含英雄挑戰): https://codepen.io/irisLife/pen/OJMRQJr
- 雖然昨天也有試著用 switch 不過今天在寫一次之後，又把其中不太理解的地方弄清楚了一些。

#### Aiden Kao💯
- 作業連結：
[普通](https://codepen.io/AidenKao/pen/JjGRLjm)
[英雄](https://codepen.io/AidenKao/pen/yLeaKaP)
- 心得：開始嘗試英雄挑戰，並試著加上了避免數值小於0的防呆，感謝老師的用心，也從其他同學們的作法裡學到很多
> 助教回覆：送出資料後也可以試著清除 input 唷~
#### Chang Chien💯
- 作業連結(含英雄)：https://codepen.io/nielsen_dch/pen/oNbzqBR?editors=1010
- 心得：一開始想說怎麼數字一直往後加，看了其他同學的code原來要轉型別，下次我要記得用typeof查型別來除錯
> 助教回覆：送出資料後也可以試著清除 input 唷~
#### Ruta Yu💯
- 作業連結：https://codepen.io/rue503/pen/NWxRvOo
- 作業連結：https://codepen.io/rue503/pen/mdVrxPd (英雄)
- 心得：自己寫作業時常常到某個點卡半天，之後參考同學的才發現每次自己的思路其實是對的，但總是差的臨門一腳的東西寫不出來，覺得挺煩惱的
> 助教回覆：送出資料後也可以試著清除 input 唷~
#### Doris💯
- 作業連結：https://codepen.io/dorishsiao007/pen/VweKXxY
- 心得：需特別注意轉型問題，找問題過程中，使用console.log一步一步將結果印出來除錯
> 助教回覆：學會排除錯誤很棒呢！
#### Vic 💯
- [作業連結](https://codepen.io/hsuan333/pen/gOPwebb?editors=0001)
- 心得: 利用乘 1做轉型，不知道會不會出現後續問題

#### りん💯
- 作業連結：https://codepen.io/s_syoujyo/pen/yLeaKPK?editors=1011
- 心得:我卡了一個下午QAQ 開始懊惱自己好像真的跑到怪等級太高的地圖((
　　　有加入助教DAY1說的 清空input的語法了！
> 助教回覆：當卡關時也可以試著使用在 Slack 大群詢問，可以得到更多人幫助唷~
#### Caleb Liao💯
- 作業連結：https://codepen.io/redhung712/pen/jOWMxBQ
- 英雄挑戰：https://codepen.io/redhung712/pen/abdmGwv
- 心得: 有種漸漸上手的感覺~
> 助教回覆：送出資料後也可以試著清除 input 唷~

#### 雅婷💯
- 作業連結：https://codepen.io/TinaTing/pen/dyGpdve
- 心得: 多認識了 isNaN 的用法~

#### Gaga💯
- 作業連結：https://codepen.io/gagajia/pen/oNbzdqZ
- 心得: 在 js 輸出預設值還是直接先在 HTML 裡面打上預設這邊做了點小掙扎，因為先寫完了前者的寫法，覺得程式看起來多又雜，還是決定最後選擇後者。如果是助教的話會選擇哪種方式會比較好呢?

#### XiaoYun💯
- 英雄挑戰：https://codepen.io/cloudiaxu/pen/jOWMpwL
- 心得: 昨天想不出來英雄挑戰，但後來看了老師的解答以及同學的答案，今天在寫的時候也試著用`target.id`，一不小心就把英雄挑戰做出來了XD，感謝老師和同學的程式碼，讓我可以更進步。

#### 小美media💯
- 作業連結：
[普通](https://codepen.io/meidada/pen/jOWMvVe)
[英雄](https://codepen.io/meidada/pen/vYLXzdJ?editors=1011)
- 心得：謝謝老師，使我有題目反覆練習，增強基礎能力!!!

#### guanyin💯
- 作業連結：
[普通] https://codepen.io/guanyinhou/pen/mdVrzoY
[英雄] https://codepen.io/guanyinhou/pen/zYrKmgW
- 心得：謝謝老師/助教，熟能生巧。

#### wind💯
- 作業連結：https://codepen.io/wind7y/pen/LYGRmdx
- 心得：今天使用e.target.id和三元運算子來寫作業，並加入簡易的驗證。
> 助教回覆：送出資料後也可以試著清除 input 唷~
> 
#### Pann💯
- 作業連結：
[英雄] https://codepen.io/yvette-pann/pen/jOWMvjj
- 心得：謝謝老師/助教。
> 助教回覆：送出資料後也可以試著清除 input 唷~
#### Chen💯
- 作業連結：https://codepen.io/fatchi20150808/pen/xxZEyJY?editors=1010
- 心得：今天練習型別轉換，會繼續練習的，謝謝老師與助教批改。

#### 咖咖💯
- 作業連結：普通挑戰+英雄挑戰 https://codepen.io/gon790219/pen/jOWMvaX?editors=0010
- 心得： 今天的練習讓我對JS更加的熟悉，目前正在研究空的input 是否可以使用一個函數，點擊不同按鈕有不同的警示訊息。
> 助教回覆：嘗試製作畫面練習相當不錯哦
#### Weiliang💯
- [作業連結]：https://codepen.io/k7741118/pen/JjGRxYJ
- [英雄挑戰(解1)]：https://codepen.io/k7741118/pen/bGEwzab
- [英雄挑戰(解2)]：https://codepen.io/k7741118/pen/VweKgaX
- 心得：switch case 裡判斷的字串名稱是HTML裡的id名稱addMoney和reduceMoney，一開始打成取的var 變數名稱addMoneyBtn和reduceMoneyBtn，小卡了一下。 謝謝老師與助教用心批改。

#### Terri💯
- 作業連結(英雄挑戰)：https://codepen.io/terri-yu/pen/qBbaLBE
- 作業連結(補交 6/15 英雄挑戰):https://codepen.io/terri-yu/pen/abdmQVP
- 心得：目前還沒辦法把程式寫到很精簡，但為了寫作業，遇到陌生的功能會自動去爬文，學習到很多沒用過的新用法覺得很開心。
> 助教回覆：送出資料後也可以試著清除 input 唷~
> 通常實際開發上其實不會一開始就思考如何精簡程式碼，所以不用太擔心這個問題，但是同學其實寫得很不錯了唷~
#### 楊孟軒💯
- [作業連結]：https://codepen.io/MengXuan/pen/RwrGvge
- [英雄挑戰]：https://codepen.io/MengXuan/pen/oNbzmpd
- 心得：覺得自己寫出來的程式碼很粗糙.....想辦法改進中，希望能多多給些意見，可能是JavaScript練得不夠多吧(??? ，還需再多花點時間練習!!
> 助教回覆：練習過程中不用太擔心自己寫了爛 code，過程中每天積極練習每日任務慢慢的也會寫出好 code 唷~
#### Gus💯
- [英雄挑戰]：https://codepen.io/Dagus/pen/xxZEMej
- 心得：事件監聽觸發function後要傳參數，需用匿名函式 -> 看W3C才學到的。
> 助教回覆：透過自己搜尋資料來成長想當好哦
#### Jay💯
- [作業連結]：https://codepen.io/jay0303597/pen/RwrGvZe
- 心得：了解到 textContent 以及 input.value 的值都是字串，要變成數字相加才能達到效果，另外學到最後如何清空 input 的值。


#### Pandaa Chui💯
- [作業連結]：https://codepen.io/pandaachu/pen/NWxRJWr
- 心得：以前練習js比較偷懶，最近因為作業有認真學習，希望有一天我的邏輯會變好QQ 謝謝老師及助教們！
> 助教回覆：作業做得很好唷~
#### Huang zheng💯
- [作業連結]：https://codepen.io/smallzheng/pen/KKVgbjO?editors=1010
- 心得：事件監聽後面加上false，釋放前面的數字。一開始在宣告上的起手式mingTotal用錯搞到後面函式很混亂，參考前面幾位同學，改善自己的程式碼。
> 助教回覆：作業做得很好唷~
#### Alex 💯
- 作業連結：[英雄挑戰] https://codepen.io/dejando/pen/VweKqNM
- 心得：嘗試英雄挑戰,加減函式整合了但多了個轉換函式不知ok不?
> 助教回覆：作業做得很好唷~
> 
#### Yi-Jung💯
- 作業連結：https://codepen.io/yi-jung/pen/pogEGOE?editors=1011
- 心得：謝謝老師用心出的題目跟助教的批改，有循序漸進加深觀念的感覺。在寫的過程中遇到兩個問題：Q1.為何將‘`var inputMoney = parseInt(input.value)`;’這段放在最外面成為全域變數時，按下按鈕後會呈現NaN ？(我的理解是：全域變數不是在任何函式都讀得到該變數嗎）Q2.為何在函式內新增‘`if (input.value = ''){}`’的條件式後，就變得無法計算了呢？
> 助教回覆：
> Q1.為何將‘var inputMoney = parseInt(input.value);’這段放在最外面成為全域變數時，按下按鈕後會呈現NaN ？(我的理解是：全域變數不是在任何函式都讀得到該變數嗎）
> A: 將該當作全域變數後再程式碼初始化時，就會優先取得資料，但一開始是沒有資料的也就是 undefined，因此 parseInt 就會出現 NaN 因為 undefined 無法轉換為數字
> Q2.為何在函式內新增‘if (input.value = ''){}’的條件式後，就變得無法計算了呢？
> A: 正確是要兩個等號才是判斷，否則單等號是賦予的意思。

#### 王玉銘💯
- 作業連結(簡單)：https://codepen.io/yuming/pen/JjGRVyG?editors=0011
- 作業連結(困難)：https://codepen.io/yuming/pen/pogEBLB?editors=0010
- 心得:這兩天的作業有練習到監聽及基本觀念，希望可以跟上進度。謝謝老師及助教們:D


### Iven💯
- 作業連結：https://codepen.io/rtorihnk/pen/ExPgGdK
- 心得：在作業上有提問一些問題，在麻煩老師回覆，謝謝。
> 助教回覆：增加錢時也可以試著清除 input 唷
> 
### Leo💯
- 作業連結: https://codepen.io/leo365/pen/wvMzyjv?editors=0011
- 心得：撰寫過程實在是很不順利...，雖然理解題意，但實際上要做的時候，卻卡卡的(思緒一直卡住)，run了好幾回，才終於寫出現在這樣的版本
### Reynold
- 作業連結: https://is.gd/RpbkgJ
- 心得：Number()和parseInt()的用途，都是把字串轉成數字，對嗎?

## Day 1 (6/15)

#### 卡斯伯

- 作業連結：
- 心得：

#### Yun 💯 
- 作業連結：https://codepen.io/linyinga/pen/KKVMoOb
- 心得：感謝老師與助教的用心，讓新手們更快上手
> 助教回覆：作業寫得很好唷

#### Weiliang 💯

- [作業連結]：https://codepen.io/k7741118/pen/mdVEomP
- 心得：卡斯伯老師辛苦了，謝謝！
- [英雄挑戰(解1)]：https://codepen.io/k7741118/pen/vYLKPZN
- 心得：event.target為描述: 觸發事件的DOM元素。
- [英雄挑戰(解2)]：https://codepen.io/k7741118/pen/KKVgdeR
- 心得：利用空擋參考同學switch case寫法改寫，用this.id寫起來漂亮用簡潔。

> 助教回覆：作業寫得很好唷，還有三種不同版本！適合參考

#### Jason Hung 💯

- 作業連結：
[普通挑戰](https://codepen.io/brook110413/pen/abdZMrb)
[英雄挑戰](https://codepen.io/brook110413/pen/yLeJWGX)
- 心得：第一關小試身手
> 助教回覆：作業寫得很好唷

#### りん 💯

- 作業連結：
https://codepen.io/s_syoujyo/pen/eYJzjvP
- 心得:謝謝老師開新手組還用心的出了作業由⊂(´∀`*) <br>這個作業讓我順便學了html input語法怎麼寫（真的很菜
> 助教回覆：可以試試在送出文字後清空 input 內容～

#### Claire Chang 💯

- 作業連結：https://codepen.io/claire-chang-the-bashful/pen/qBbNvwO?editors=0010
- 心得：反覆練習強化能力，謝謝老師與助教
> 助教回覆：介面超美的，也寫得很好喔

#### Chang Chien 💯

- 作業連結：https://codepen.io/nielsen_dch/pen/GRoqLaY
- 心得：太久沒用JS缺乏練習，不知道有沒有更好的寫法，謝謝老師與助教出的題目
> 助教回覆：作業寫得很好喔～要更好的話函式內可以嘗試只帶一個參數試試


#### Vic 💯
- [作業連結](https://codepen.io/hsuan333/pen/LYGZaPa?editors=1011)
- [作業連結-挑戰](https://codepen.io/hsuan333/pen/wvMWZwm?editors=1111)
- 心得: EventListener會去建立一個事件物件 (Event Object)，並透過參數的形式傳遞給事件的處理器，也因為是參數，所以 event.target的 event可以改成任何名稱
> 助教回覆：作業寫得很好喔～心得也是

#### Chloe 💯

- 作業連結：https://codepen.io/chloelo/pen/PoZzvKM
- 作業連結(英雄挑戰)：https://codepen.io/chloelo/pen/bGEeyod
- 心得：複習 js 基礎語法的運用，像是 switch, 很少練習到，一開始連 break 都忘記加入了XD，謝謝老師與助教。
> 助教回覆：作業寫得很好喔！JS一起複習起來

#### 洋蔥 💯

- 作業連結：https://codepen.io/mikeyam/pen/YzwWbJM?editors=1010
- 心得：看到題目時，忘了innerHTML用法，回去再複習一下。
一個問題解決不了，不知道怎麼清除input裡面的值，想說使用if 和else，但好像沒辦法把字串變成空值。
> 助教回覆：函式內需要判斷按鈕點擊的對象，不然字打在小明那邊點擊杰倫的按鈕也會收到喔～另外清除值可以不用做判斷，送出可直接將 XXXInput.value = '';

#### Ivy Ho 💯

- 作業連結：https://codepen.io/ivyho/pen/mdVEYKZ?editors=1011 
- 心得：參考了同學的作業，才知道可以使用.value等於空字串的方式，讓input的內容在按下送出後清空~
> 助教回覆：作業寫得很好喔!

#### Siling 💯
- [作業連結](https://codepen.io/thinksea/pen/VwejdPE)
- 心得：昨晚寫的，實在想不出怎麼用一個函式去寫xD，邏輯想得通，但卻寫不出來，好想知道解答(艸
> 助教回覆：作業寫得很好喔，英雄挑戰可以參考其他人的解答:D

#### YC 💯

- 作業連結：https://codepen.io/YC_Chang/pen/abdZgGg?editors=1010
- 心得：參考了大家的寫法，原來有那麼多種表達方式呀！
> 助教回覆：作業寫得很好喔!

#### YUKI 💯

- 作業連結:https://codepen.io/sihyu/pen/MWKeXRO
- 心得:覺得障礙是自己的心魔，不要害怕去想，想著想要甚麼結果，所以要怎麼做，然後慢慢拆解步驟，也可以完成。 就不要害怕囉~
> 助教回覆：作業寫得很好喔!一步步慢慢來:D

#### 雅婷 💯
- 作業連結: https://codepen.io/TinaTing/pen/oNbLRdQ?editors=1010
- 心得：
    1.一開始使用 .querySelectorAll() 去抓所有的按鈕一次做監聽，結果發現querySelectorAll()返回的不是一個陣列，而是一個NodeList，造就了第一個延伸閱讀：.call()
    2.太貪心想將按鈕按下去後輸入與輸出一次解決，結果發現 .querySelector().value 取值會取不到，所以改用 .getElementById().value 取值。(原理要再研究)
> 助教回覆：作業寫得很好喔～

#### Yi-Jung 💯
- 作業連結:https://codepen.io/yi-jung/pen/RwrRmqz
- 心得:謝謝老師特地為新手組定題目，在這裡也可以同時參考其他同學的寫法，獲益良多！
> 助教回覆：作業寫得很好喔～感謝老師的用心☺️

#### Pann 💯
- [作業連結](https://codepen.io/yvette-pann/pen/ExPyzVX?editors=1111)
- 心得:為了完成作業臨時抱佛腳重新溫習js語法，謝謝老師與助教
> 助教回覆：可以不用在 button 上使用 onclick 了唷，沒使用到會有錯誤訊息

#### Caleb-Liao 💯

- 作業連結：https://codepen.io/redhung712/pen/NWxrQGB
- 心得：想知道怎麼更精簡，因為兩組程式碼(小明給杰倫、杰倫給小明)完全一樣，而且也被自己的命名搞得眼花撩亂．．．
> 助教回覆：作業寫得很棒喔，還多寫了刪除功能～

#### wind 💯

- 作業連結：https://codepen.io/wind7y/pen/NWxrQoV
- 心得：學習到 addeventlistener 裡面的函式要如何傳參數
- 參考：http://www.kangting.tw/2013/08/javascript_15.html
> 助教回覆：作業寫得很棒喔，英雄挑戰成功

#### Emily Lee 💯

- 作業連結：https://codepen.io/emily-lee/pen/mdVrbbz
- 心得：感謝老師，為了解題回去複習語法，判斷訊息為空多加trim前後空白，寫完後看到同學的英雄挑戰也覺得收穫蠻多！
> 助教回覆：作業寫得很棒喔，有判斷不可為空和使用 trim()方法

#### Aiden Kao 💯

- 作業連結：https://codepen.io/AidenKao/pen/bGEeXQZ
- 心得：感謝老師為了新手又特地另外設計了一套題目！此題有個需求是最後要把input的內容清空，我用的方法是document.getElementById().value取值，並把值以""代換，不知道是否有更好的作法
> 助教回覆：作業寫得很棒喔！

#### Emily Chen 💯

- 作業連結: [普通](https://codepen.io/guava8/pen/pogbXEp?editors=1010) [英雄](https://codepen.io/guava8/pen/ExPgYKv?editors=1011)
- 心得: 謝謝老師的作業，讓我能夠將之前學習到的知識再複習一遍。有另外試寫了[switch](https://codepen.io/guava8/pen/ExPyBLz?editors=0111)的用法，但就無法帶入參數(?)想問說如果想加入參數可以怎樣使用?我後來是帶入另一個function去使用參數，但就無法符合一個函式
> 助教回覆：作業寫得很棒喔！

#### Leo 💯

- 作業連結: https://codepen.io/leo365/pen/xxZEKGX?editors=1011
- 心得: 看到題目時，還愣了一下，原來我jS還不是很熟，我差點連寫法都忘記了....，好在在經過查詢資料後,總算知道如何寫了，先用es5的寫法來試水溫，再麻煩老師和助教了
> 助教回覆：作業寫得很棒喔！
 
#### Kun 💯

- 作業連結: https://codepen.io/Kun-Liu/pen/KKVgKbB?editors=1010
- 心得: 謝謝老師的新手作業，讓我複習先前在 JS 學徒上所學的，並利用這次的新手區加深自己的印象
> 助教回覆：作業寫得很棒喔！

#### 咖咖 💯

- 作業連結: https://codepen.io/gon790219/pen/PoZzRJp
- 心得： 謝謝卡斯伯老師，這次的練習讓我自信心大增，原來我可以做得到，英雄挑戰的部分有參考其他同學的做法，連結一樣有在最後註解起來是英雄挑戰，再麻煩老師及助教批改，謝謝~: )
> 助教回覆：作業寫得很棒喔！

#### Chen 💯
- 作業連結: https://codepen.io/fatchi20150808/pen/PoZzQGr?editors=1010
- 心得: 複習 JS 基礎，希望藉由練習可以讓自己對 JS 更熟練。謝謝卡斯伯老師出題~麻煩老師與助教批改!
> 助教回覆：作業寫得很棒喔

#### Gus 💯
- 作業連結: https://codepen.io/Dagus/pen/JjGRdEp
- 心得: 隨機翻了2 3位同學的code，很多語法不懂，昏倒。 
> 助教回覆：很多人都是新手～大家一起進步，可以先從自己看得懂大約 80% 的作業就好

#### Terri 💯
- 作業連結: https://codepen.io/terri-yu/pen/ExPyqKj
- 心得: 謝謝老師出題，藉由練習剛好可以加深課程印象覺得幫助很大!英雄挑戰沒想到要怎麼做...之後再來看看其他同學怎麼寫的QQ
> 助教回覆：作業寫得很棒喔

#### Adam 💯
- 作業連結： https://codepen.io/Adam-Hsu/pen/VwejOER?editors=0010
- 作業連結(英雄挑戰): https://codepen.io/Adam-Hsu/pen/OJMXeZm?editors=1010
- 心得： 參考了同學的作法，才想起能使用 event.target 去判別並觸發事件的DOM物件，感謝有這次的新手區~

#### Welson 💯
- 作業連結：https://codepen.io/Welson_n/pen/eYJdpNM
- 心得：繼續研究英雄挑戰中。

#### XiaoYun 💯
- 作業連結：https://codepen.io/cloudiaxu/pen/KKVgVwr
- 心得：感謝有新手區~讓我對JS可以更了解，很開心有新手組，讓自己有練習到介面的部分
> 助教回覆：作業寫得很棒喔，可以再試試送出訊息後把 input 內容清空

#### 楊孟軒 💯
- 作業連結：https://codepen.io/MengXuan/pen/YzwGqVJ
- 作業連結(英雄挑戰):https://codepen.io/MengXuan/pen/JjGRXrL
- 心得：每次寫完我都好奇自己的coding是否有命名不嚴謹、運用錯誤或哪裡怪怪的，如果有任何怪怪的地方，請跟我說!，在我還沒養成壞習慣之前，謝謝老師與助教，大家晚安XD~
> 助教回覆：作業寫得很棒喔，可以再試試送出訊息後把 input 內容清空

#### Alex 124 💯
- 作業連結：
[英雄挑戰](https://codepen.io/dejando/pen/mdVrVNG)
- 心得：沒太多時間寫功課,不知這樣ok不

#### media 💯
- 作業連結：https://codepen.io/meidada/pen/KKVMLaz
- 心得：謝謝老師~~~

#### Jerry Lin 💯
- 作業連結：https://codepen.io/tico1314/pen/LYGRNXg
- 心得：謝謝老師耐心教導，繼續努力學習。

#### kj 💯
- 作業連結：https://codepen.io/kjwen/pen/KKVgVxO
- 作業連結[英雄挑戰]：https://codepen.io/kjwen/pen/yLeaOPV
- 心得：謝謝老師的題目，英雄挑戰想了一陣子，不確定這樣的寫法好不好，再麻煩老師和助教幫忙看一下了，謝謝~~

#### Pandaa Chui 💯
- 作業連結：https://codepen.io/pandaachu/pen/VwejOpE
- 心得：自己寫完後看了其他同學的寫法，把過於累贅的東西都去掉，程式碼變得更簡單了，果然寫法有好多，多看多學習，謝謝老師！

#### Gaga (6/16 補交) 💯
- 作業連結：https://codepen.io/gagajia/pen/rNxMLGq
- 心得：太久沒使用真的會生鏽><，只好多多練習了!

#### Doris(6/16 補交) 💯
- 作業連結：https://codepen.io/dorishsiao007/pen/KKVMjqQ
- 心得：花了些時間研究怎麼將共用的部分整理成function，一直嘗試在addEventListener的第二個參數function中怎麼傳遞function本身的參數進去，後來查了些文件，結果成功了，又多學到一種方法! 其餘部分再麻煩老師與助教協助查看，謝謝!!

#### chihyuanchao(6/15) 💯
- 作業連結：https://codepen.io/oneraner/pen/mdVrrPM
- 心得：切版比較常用class，所以想選class不用id，然後一個class少了一個點找了一天，看了好幾遍其他人的作業跟Kuro的書，程式真的是用練的，要寫好幾次才會熟。

#### Ruta Yu 💯
- 作業連結：https://codepen.io/rue503/pen/dyGppVW
- 作業連結：https://codepen.io/rue503/pen/rNxMWNM (英雄)
- 心得：凌晨2點到底要不要算是補交XD 以前第一次學到監聽時在這裡摔了個大跤，結果往後對JS的自信全失。這次要重新調整心態，一步步的向前邁進。
- 問題：
1. 英雄題的做法覺得應該還可以再精簡，但目前一時想不到該朝哪個方向修改
2. 英雄題的函式中要清空輸入框的值時，若用上面定義的變數inputMsg =" "會沒反應，要改成document.getElementById...才可以，是為什麼呢? 
> 助教回覆：inputMsg.value 是 undefined，應該是要讓 input 本身清空值，但是你使用 msg ，他原本就是值了唷～

#### Iris 小艾 💯
- 作業連結：https://codepen.io/irisLife/pen/abdZxap
- 心得：透過同學們的答案，學到了英雄挑戰 Switch 的用法，觀念慢慢更清楚了。目前有三線同時進行XDDD，可能會交得比較慢，謝謝辛苦的老師跟助教們。

#### ABow_Chen 💯

- 作業連結：https://codepen.io/fred39392001/pen/jOWMwML?editors=1011
- 心得：昨天不小心早早就入睡，今天六點起來解題 XDDDD，運用之前課程所學，慢慢回憶，拼湊出一個可以 work 的程式碼，解出來的瞬間，成就感滿滿，不過還沒時間挑戰英雄任務，一天三個任務真的有點硬啊！
- 問題：在函式內 var mingText = mingInput.value，再使用 mingText 就無法正確清空 input，究竟是為什麼呢？
> 助教回覆：改成 var mingText = mingInput 試試看，你的問題和 Ruta 一樣

#### Chun-Fu Huang 💯

- 作業連結：
https://codepen.io/tbzyxjqs/pen/YzwGxdY
- 心得：
自從小明出現後的題目看不太懂 所以來這裡先把基礎慢慢打好 謝謝老師！


#### Iven 💯
- 作業連結：
https://codepen.io/rtorihnk/pen/LYGZBBV
- 心得：
謝謝老師的用心，讓我可以在這邊打好js的基礎。

#### AnnieKuo 💯
- 作業連結：
https://codepen.io/anniekuochia/pen/PoZGNyo
- 心得：敗在全型半形QQ謝謝老師幫我揪出這種低級錯誤（不會再犯了）

#### 王玉銘 💯
- 作業連結：
[簡單版]https://codepen.io/yuming/pen/bGEwoYG
[困難版]https://codepen.io/yuming/pen/YzwGEXo?editors=0010
- 心得：謝謝老師用心的出題,今天的題目還撐得住,希望自己可以繼續努力:D

#### Huang zheng 💯
- 作業連結：
https://codepen.io/smallzheng/pen/zYrBXyo?editors=1010
- 心得：感謝小組同學的協助!昨晚一直卡在value只能傳數字，文字卻打不出來的問題。感謝老師讓我又學到很多!也謝謝大家~!!!

#### guanyin 💯
- 作業連結：https://codepen.io/guanyinhou/pen/PoZGEyB (普通挑戰)
          https://codepen.io/guanyinhou/pen/NWxRXeo (英雄挑戰)
- 心得：每次寫到這種就很想念jQuery XD

#### Reynold(6/17) 💯
- 作業連結：
https://is.gd/th50cj
英雄挑戰：https://is.gd/Tf53dN
- 心得：一點點小卡關，幸好還是做出來了
> 助教回覆：這邊提醒一下同學隔日早上九點以後，請不要再繳交作業在前一天的列表內，請直接開立新的列表唷~


