新手組作業繳交區

(完成者,也請到每日任務上打勾)

Day 5 (6/19)

Rowan(補)

6/15 作業
心得:參考清空的方式
6/16 作業
心得:思考要怎麼用switch完成英雄挑戰
6/17 作業
心得:利息算上花比多時間,覺得code應該可以更簡潔些
6/18 作業
心得:參考了同學的switch 部分跟看了老師的說明影片才了解±/怎麼運算
6/19 作業
心得:不知道要什麼該使用 e.target,網路google蠻多跟參考同學的有初步了解

Iris小艾(補6/19)

  • 作業連結:普通含刪除
  • 心得:刪除的部分花了點時間才搞懂運作的邏輯

Lichi (補6/15、16、17)

  • 作業連結:補繳 6/156/166/17
  • 心得:練習了 js 的語法,還查了一些之前沒用過的,謝謝老師跟助教。

Huei_Lin (補6/17)

TsungTse (補6/15)💯

  • 普通
  • 英雄
  • 心得:有參考同學的做法知道 e 是指鼠標,無意中發現 e.target 和此時的 this 相同,不過 this 還不是很懂

TsungTse (補6/16 17)

Pandaa Chui (補6/17)

  • 作業連結
  • 心得:學到定義input.value的值的時候,要把它放在點擊事件裡才會取到點擊後的值,卡在這邊很久XD

助教回覆:助教這邊在檢查程式碼的時候,發現 loanBtn 無法正常運行,可以參考Claire Chang 的寫法。另外建議你除了不借款的區塊,其他區塊要加入 loanBtn.disabled = false;。

洋蔥💯

  • 作業連結
  • 心得:還沒完成英雄任務的編輯和刪除,對於物件的取出結合forEach還不是很熟練

Jin💯

  • 作業連結
  • 心得: 加入了刪除特定用戶的功能以及執行送出後,input欄位自動反白(不確定這個是不是英雄挑戰裡面的完成編輯功能)。

    Question:
    在函式內宣告變數後,卻無法在下面再次調用
    inputName = document.querySelector("input[type='text']").value
    inputName = ''; // 這個會失效

    document.querySelector("input[type='text']").value = ''; // 這個會成功

助教回覆:助教分別測試 JS 第 40+41 行的組合以及JS 第 42+43 行的組合,沒有問題哩。

Kun💯

  • 作業連結
  • 這次作業主要卡在新增 li 得時候,要如何動態新增(appendChild),後續 Google 已順利解決

chihyuanchao (補6/17)

  • 作業連結
  • 心得:看這份作業抄的,不知道哪裡有問題,還是應該要先一年一年算,先不要用陣列?

助教回覆:JS 第 28 行的 balance.textContent = jayMoney; 如果輸入欲借貸金額之後,Console.log(balance.textContent) 會報錯,建議從這一行開始修改。

Chloe💯

  • 作業連結
  • 心得:只有做出刪除的功能,編輯要再研究 QQ

Wendy💯

  • 作業連結
  • 心得:不停console.dir 查看資料,終於做出一個簡單編輯功能

助教回覆:功能很完整,作業練習的很棒

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Vic💯

  • 作業連結
  • 可以新增資料,刪除與編輯還在想,或許可以用 infexOf,再配合 dataset找出陣列裡的物件位置

助教回覆:構想如何設計是很不錯的想法唷。另外建議也可以參考 Wendy 的寫法。

Jason Hung💯

  • 英雄挑戰
  • 這次對於forEach又更加認識,以往需要用到if的地方改為forEach讓程式碼看起來更加簡潔,英雄關卡只做出刪除,但編輯的部分想不透怎麼處裡,因為loanList的內容是li,要怎麼編輯內容呢,還在思考怎麼解決

助教回覆:建議可以參考 Wendy 的寫法。

Caleb Liao💯

  • 作業連結
  • 心得:想為直播班課前先做點準備,所以還沒研究編輯功能怎麼做,之後再來補~

Claire Chang💯

  • 作業連結
  • 五天的新手訓練也反覆練習了許多語法,謝謝老師跟助教。

助教回覆:助教個人覺得你設計的版型很棒

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Aiden Kao💯

  • 作業連結
  • 心得:陣列跟物件的應用更熟悉了,但目前只完成新增的功能,編輯跟刪除還須努力

Doris💯

  • 作業連結
  • 心得:上完資料處理與畫面分離後,也試著應用在此作業中,修改功能想很久要怎麼呈現,最後決定在畫面中輸入已存在的借款人,則視為執行更新金額。

guanyin💯

助教回覆:功能很完整,作業練習的很棒

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
。也恭喜你修訂完成,讓作業正常運作。

Alex 124💯

助教回覆:功能很完整,作業練習的很棒

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
。一開始寫的程式碼通常都會是一長串的,會慢慢進步的。

Yun💯

  • 作業連結 : 補繳 6/186/19
  • 程度太差只能參考別人的再慢慢學XDDD

助教回覆:建議 6/18 的作業加入清空資料的功能哩。

wind💯

助教回覆:建議先呼叫 displayScreen(); 讓小杰出現。

Huei_Lin💯

  • 作業連結 : 補繳6/15
    心得:原來用change事件,就能在輸入完成後取到值
  • 作業連結 : 補繳6/16

助教回覆:建議 6/15 的作業加入清空資料的功能哩。

Chen (補 6/17)💯

  • 作業連結 : 補繳 6/17
  • 心得:有參考一下同學的作業,之後還需要持續練習。第一次嘗試用 let 、 const。
  • 參考文件: Math.round()Math.pow()

XiaoYun (補 6/19)

  • 作業連結 : 補繳 6/19
  • 心得:看著第一週:關注點分離影片才做出來,英雄挑戰可能還需要再多研究一下才能完成。

米菇

楊孟軒 (補 6/19)

Day 4 (6/18)

Jin💯

  • 作業連結 (補交 6/15)
  • 作業連結 (補交 6/16)
  • 作業連結 (補交 6/17)
  • 心得: 不太了解Day3英雄挑戰的使用陣列完成 1 ~ 3 年期的統計方式這個區塊,只有完成「確定借款」功能
  • 作業連結
  • 心得: 在實作過程中發現,按下Answer之後雖然會跳出結果,但是要進行第2次運算就會怪怪的,經過修改後目前可以順利呈現,覺得新增的功能滿有成就的
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

助教回覆:建議 Day 3 的作業可以參考 Claire Chang 的寫法,並且將「鄰居決定貸款」的按鈕設計 disabled 功能開始著手哩。

洋蔥💯

  • 作業連結
  • 要看老師作業說明才做得出來,還不太能獨立作業。

助教回覆:建議增加歸零的功能,可以參考 YC 的寫法哩。

Wendy💯

助教回覆:計算機做得很棒,功能很齊全。

Huang zheng💯

助教回覆:建議 JS 第 18 行的loanBtn.disabled = true; 改放在 JS 第 26 行,建議再調整看看喔。

Siling💯

  • 作業連結 補交6/16 (含普通、英雄)
  • 心得: 寫很久,沒意識到原來textContent取出來的是字串,之後又自己腦殘將變數少字,哈哈,但有一個地方不懂,不知為何不行,已在codepen註解裡點出,請助教指點,在那邊卡好久,最後換方式寫才OK。
  • 作業連結 補交6/17
  • 心得:有寫比較快一點了,學到Math.round用法,覺得code很長,應該有更精簡的寫法才對。然後參悟不透用陣列要怎麼寫XD,不知在哪個部份可以使用陣列。
  • 謝謝助教批改~

助教回覆:6/16 的作業建議 JS 第 26 和 27 行改成 mingMoney.textContent = (mingWallet - parseInt(inputCash.value)); 就可以運行哩。

Claire Chang💯

  • 作業連結
  • 心得: 難度提升好多,查到了eval & join語法,計算好方便!

YC💯

  • 作業連結
  • 心得:要怎麼讓他原本預設顯示0卻不影響後面計算呢..還在想中,先交作業!
  • 6/17作業補交
  • 心得: 要看別人的作業才知道怎麼寫XD

助教回覆:建立正確的觀念和多練習就會提昇功力哩。學習程式都是先從模仿開始唷。

Adam💯

kj💯

  • 作業連結
  • 心得:做起來有點卡,有些額外想做的設定做不太出來,先以作業要求繳交~

助教回覆:功能可以正常運作,建議先求有再求好🙂。

Jason Hing💯

  • 英雄挑戰
  • 心得:很多地方需要看老師的影片才有辦法解,學到了eval()的用法,真的很好用,目前遇到的問題是0這個數字可以在第一個,在想辦法看能不能修改

助教回覆:建議加入判斷 firstNum 的字串中第一個字是不是 0,解決方案的關鍵字可以朝著「字串、陣列」去搜尋。

雅婷💯

  • 作業連結:https://codepen.io/TinaTing/pen/abdBMdY
  • 心得:原來 switch case 中的 case 判斷也有分數字與字串,使用 data-* 在取值時,dataset 會是取出字串,用 switch 判斷時需要注意一下。
switch(item){ case 1: // 這是數字,item 必須轉型成數字 break; case "1": // 這是字串,item 必須轉型成字串 break; }

助教回覆:自行解決和釐清觀念很棒唷🙂。

Aiden Kao💯

  • 作業連結
  • 心得:寫到腦袋打結,寫完發現其他同學有提到好像很方便的fuction可以用,之後再來優化,目前同樣遇到第一個數字可以為0的情況,再研究一下該怎麼解決QQ

助教回覆:建議加入判斷 numberSet1 的字串中第一個字是不是 0,解決方案的關鍵字可以朝著「字串、陣列」去搜尋。

Leo 補繳(6/17作業) 💯

  • 作業連結
  • 心得:剛開始一直糾結在利率的算法,直到參考別人的程式碼,才有思緒,不過最後還是不清楚利率的算法,透過拼拼湊湊的完成了作業,所以利率算法到底是怎樣算阿??,而且還不確定是否有其他的錯誤,再麻煩老師和助教了

助教回覆:助教查看之後製作的不錯哦~作業沒有太大問題哩

Chloe💯

  • 作業連結
  • 想要把 + - * / 的按鈕在點擊的當下就顯示到畫面上,可是一直沒想出怎麼做,甚至不知道運算子的字串不能直接轉換成運算子,鬼打牆好久,要再花時間優化QQ

Reynold 補繳(6/17作業)💯

助教回覆:作業做得很不錯唷,建議再加入「鄰居決定貸款」的按鈕 disabled 功能就更完整哩。

Vic

  • Vic
  • 參考同學使用 eval()與 join()用法
  • 只有加法減法跟奇怪的 bug,但是比卡在 JS地下城稍微好多了

助教回覆:畫面做得很棒,但是計算功能缺少乘法和除法,建議補齊功能哩。

Yun💯

  • 補繳作業 6/17
  • 程度不夠好,所以需要花更多時間研究,最後面無法顯示

助教回覆:建議增加 var profit = document.querySelector('#profit'); 就可以顯示文字哩。

Caleb Liao💯

  • 作業連結
  • 心得:忍不住想到什麼功能就加上去,結果程式碼看起來就又臭又長了(尤其是if的判斷式),希望等變強之後可以進化成不只兩個數字的運算

助教回覆:退回的功能很棒🙂。

wind💯

  • 作業連結
  • 心得:學習到eval的用法和參考老師的影片,來幫助理解整個程式架構,感覺獲益良多。

Iven💯

    • 補繳作業[6/17]
  • (https://codepen.io/rtorihnk/pen/vYLyQjB)
  • 心得:有學到新的語法,並自己拆解之後一步一步打出來,覺得有點成就感。但好像程式碼有點冗長,請老師幫我看看有哪裡是需要更精簡的,謝謝。

助教回覆:作業練習的很棒,助教鼓勵你可以額外參考 Claire Chang 或是 Alex 124 的寫法。

XiaoYun💯

  • 補繳作業[6/17]
  • 心得:昨天寫完居然忘了傳上來QQ,在運算中使用了無條件進位計算(Math.ceil)利息,不知道是不是OK的

助教回覆:助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞,建議除了不借款這個部分,其他部分加入document.getElementById("loanBtn").disabled = false; 建議再調整看看喔。

XiaoYun💯

  • 作業連結
  • 心得:雖然有寫出來計算功能,但還是有些bug的地方,需要再花時間研究

Kun💯

  • 作業連結
  • 心得:有寫出來計算功能,但若運算第二次會覺得怪怪的,應該是需要有一個恢複至初始得函數

助教回覆:建議增加歸零的功能,可以參考 YC 的寫法哩。

Pann💯

  • 作業連結
  • 心得:有寫出來計算功能,但要再改善

guanyin

助教回覆:助教這邊在檢查 6/17 作業程式碼的時候,發現運行上無法達成挑戰,建議你再調整。

Alex 124💯

JamesKuo💯

  • 補交 6/15
  • 補交 6/16
  • 補交 6/17
  • 6/18
    一直找不到新手組的作業在哪裡上傳XDD
    習慣把寫作業學到的東西跟心路歷程註解在js裡面,以後忘記用法的時候可以回去看

助教回覆:6/16 作業,小明預設有 1000 元唷。

Chang Chien

助教回覆:建議 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💯

助教回覆:助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞,建議除了不借款這個部分,其他部分加入loanBtn.disabled = false; 建議再調整看看喔。

Claire Chang💯

kj💯

助教回覆:這個想法很棒,可以試著使用 map 來練習。

Celeste

0617

助教回覆:助教這邊在檢查程式碼的時候,發現運行上無法達成挑戰,建議你再調整。

0616💯

guanyin💯

助教回覆:助教發現當畫面呈現不借的時候「鄰居決定貸款」的按鈕並沒有 disabled,建議這個部分再調整看看喔。

雅婷💯

chihyuanchao(補交6/16)💯

助教回覆:觀念正確,多練習就會進步的。

Chloe💯

助教回覆:學起來之後,可以練習計算銀行利息(?。

Welson(補交6/16)💯

Caleb Liao💯

  • 作業連結:https://codepen.io/redhung712/pen/ZEQBBzY
  • 心得:看似複雜但還是能穩穩的做出來感覺很不錯,但不太懂為什麼第20行的a一定要寫在function裡,沒辦法跟第1行合在一起(?

助教回覆:建議 JS 第 1 行程式碼拿掉,改寫第 20 行,內容為
let a =(parseInt(document.getElementById('input').value))

りん💯

助教回覆:建議 JS 第 22 行程式碼拿掉,會影響 input.value 的運作唷。
另外,助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞,建議除了不借款這個部分,其他部分加入 loanBtn.disabled = false; 建議再調整看看喔。

Pann💯

Vic💯

小美Media💯

  • 作業連結
  • 心得:今天的難度較難,計算利率需思考較久

助教回覆:清空輸入框的想法很棒,建議 JS 第 20 行下方加入 input.value = ''; ,讓程式碼運作更順暢。

Wendy💯

  • 作業連結
  • 心得:code感覺可以再簡化,不確定陣列完成 1 ~ 3 年期的統計方式這個如何實作,利率好複雜

Aiden Kao💯

-作業連結

  • 心得:學習到了 Math.round 以及 Math.pow 的用法,目前還沒思考出陣列的使用情境

Weiliang💯

-作業連結
-心得:複習了利率的算法及btn disable用法,Math.round用法

助教回覆:建議 JS 第 17 行的loanBtn.disabled = true; 改放在 JS 第 25 行,建議再調整看看喔。

Jason Hung💯

  • 作業連結
  • 心得,學到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()用法。

助教回覆:借貸的話語也太有趣啦

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

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💯

  • 作業連結:
    英雄挑戰
  • 心得:比想像中複雜

Jay💯

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

YUKI

  • 作業連結:https://codepen.io/sihyu/pen/dyGOPwW
  • 心得:這個作業真心卡死我,但也沒有做出來QAQ主要是卡在借款出不來,一直出現『不借』,我參考同學的codepen還是覺得我的理解邏輯沒問題的(?),但是就不知道哪邊出了錯誤,煩請助教救救我謝謝

助教回覆:原因是出在 JS 第 18 行,Console.log() 結果是 NaN,導致程式碼運行錯誤,建議參考 Caleb Liao 的寫法。

王玉銘💯

  • 作業連結
  • 心得: 這次作業有點難度,關念有點卡住的感覺,嘗是做出來但感覺很多地方有待加強。

楊孟軒💯

  • [作業連結]https://codepen.io/MengXuan/pen/abdBamg
  • 心得: 有些地方還要再想想,不少地方都是參考同學的,我得跟JavaScript多多認識才行,回去看看影片好好想一想(06/18 09:36補交,但未看到新章在此註記!)

助教回覆:借貸的話語也太有趣啦

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

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💯

yun💯

  • 作業連結:新手 英雄
  • 心得:新手部分一開始計算是正確的,但第2、3次之後數字會亂跳,不知道是不是程式碼的問題。英雄則是程式碼跑不出來

助教回覆:助教這邊看是沒辦法正常計算,主要而因是變數命名上的錯誤,只需要調整一下變數命名,例如 var inputID = document.querySelector('#input'); 這樣同學就知道問題囉

洋蔥💯

  • 作業
  • 心得:注意number轉換
  • 英雄挑戰
  • 心得:想不到方法,看了同學code,才記得有e.target可以使用,運用e.target指定點擊位置

Jason Hung💯

  • 英雄挑戰
  • 心得:因為有第一關的經驗,這次直接挑戰英雄挑戰,比較想問的是,為何switch不用再將加起來的值return回money,原本有寫return,但嘗試後發現可以不用寫,但不理解為什麼

助教回覆:因為你這邊直接將值賦予回去囉 result.textContent = money + num;

Yuki💯

  • 作業連結
  • 心得: 出現以下錯誤,除了好久的錯都不知道原因
Uncaught TypeError: Cannot read property 'addEventListener' of null
    at pen.js:31

然後,請朋友協助看一下,他建議之後若要測錯誤,使用Chrome瀏覽器,盡量用VScode編寫;另外程式錯誤真找不到,就一行一行測,多的東西先註解起來。
結果錯誤為:html的#lowerMoney沒有抓到,為null,原因為lowerMoney多寫了一個'。

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

YC💯

  • 作業連結
  • 心得:不曉得怎麼設條件讓扣錢不要扣成負的?

助教回覆:通常來講在扣除之後會先做一些判斷是否小於 0,但這邊沒關係哦,小明遲早某一天會貸款欠債的。

AnnieKuo💯

助教回覆:同學這邊「小明扣錢」有小小的錯誤,但問題不大,修改一下就可以囉~

Kun💯

Chloe💯

助教回覆:通常來講我們會使用正規表達式來解決,但這個同學可以後面學習實在了解就可以囉

Ivy Ho💯

  • 英雄挑戰:https://codepen.io/ivyho/pen/GRojMzV?editors=0010
  • 心得:原本使用幼幼班寫法把功能寫出來,參考同學的寫法後,才學習到如何只使用一個 function 加上if、else 完成加法與減法運算指令。但依然有些重複的程式碼,會再研究看看是否有更精簡的寫法~

助教回覆:已經寫得想棒了哦~
在實際開發上,其實我們也不會一開始就思考精簡寫法哩 :D

kj💯

助教回覆:this 觀念稍微比較重一點,可以後面在嘗試使用,這樣子挫折心比較不會那麼重哩 :D

Claire Chang💯

助教回覆:這是寫程式很常見的狀況哦~
助教自己也是唷 :D

Adam💯

Iris小艾💯

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

Aiden Kao💯

  • 作業連結:
    普通
    英雄
  • 心得:開始嘗試英雄挑戰,並試著加上了避免數值小於0的防呆,感謝老師的用心,也從其他同學們的作法裡學到很多

助教回覆:送出資料後也可以試著清除 input 唷~

Chang Chien💯

助教回覆:送出資料後也可以試著清除 input 唷~

Ruta Yu💯

助教回覆:送出資料後也可以試著清除 input 唷~

Doris💯

助教回覆:學會排除錯誤很棒呢!

Vic 💯

  • 作業連結
  • 心得: 利用乘 1做轉型,不知道會不會出現後續問題

りん💯

助教回覆:當卡關時也可以試著使用在 Slack 大群詢問,可以得到更多人幫助唷~

Caleb Liao💯

助教回覆:送出資料後也可以試著清除 input 唷~

雅婷💯

Gaga💯

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

XiaoYun💯

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

小美media💯

  • 作業連結:
    普通
    英雄
  • 心得:謝謝老師,使我有題目反覆練習,增強基礎能力!!!

guanyin💯

wind💯

助教回覆:送出資料後也可以試著清除 input 唷~

Pann💯

助教回覆:送出資料後也可以試著清除 input 唷~

Chen💯

咖咖💯

助教回覆:嘗試製作畫面練習相當不錯哦

Weiliang💯

Terri💯

助教回覆:送出資料後也可以試著清除 input 唷~
通常實際開發上其實不會一開始就思考如何精簡程式碼,所以不用太擔心這個問題,但是同學其實寫得很不錯了唷~

楊孟軒💯

助教回覆:練習過程中不用太擔心自己寫了爛 code,過程中每天積極練習每日任務慢慢的也會寫出好 code 唷~

Gus💯

助教回覆:透過自己搜尋資料來成長想當好哦

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 💯

助教回覆:作業做得很好唷~

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: 正確是要兩個等號才是判斷,否則單等號是賦予的意思。

王玉銘💯

Iven💯

助教回覆:增加錢時也可以試著清除 input 唷

Leo💯

  • 作業連結: https://codepen.io/leo365/pen/wvMzyjv?editors=0011
  • 心得:撰寫過程實在是很不順利,雖然理解題意,但實際上要做的時候,卻卡卡的(思緒一直卡住),run了好幾回,才終於寫出現在這樣的版本

Reynold

  • 作業連結: https://is.gd/RpbkgJ
  • 心得:Number()和parseInt()的用途,都是把字串轉成數字,對嗎?

Day 1 (6/15)

卡斯伯

  • 作業連結:
  • 心得:

Yun 💯

助教回覆:作業寫得很好唷

Weiliang 💯

助教回覆:作業寫得很好唷,還有三種不同版本!適合參考

Jason Hung 💯

助教回覆:作業寫得很好唷

りん 💯

  • 作業連結:
    https://codepen.io/s_syoujyo/pen/eYJzjvP
  • 心得:謝謝老師開新手組還用心的出了作業由⊂(´∀`*)
    這個作業讓我順便學了html input語法怎麼寫(真的很菜

助教回覆:可以試試在送出文字後清空 input 內容~

Claire Chang 💯

助教回覆:介面超美的,也寫得很好喔

Chang Chien 💯

助教回覆:作業寫得很好喔~要更好的話函式內可以嘗試只帶一個參數試試

Vic 💯

  • 作業連結
  • 作業連結-挑戰
  • 心得: EventListener會去建立一個事件物件 (Event Object),並透過參數的形式傳遞給事件的處理器,也因為是參數,所以 event.target的 event可以改成任何名稱

助教回覆:作業寫得很好喔~心得也是

Chloe 💯

助教回覆:作業寫得很好喔!JS一起複習起來

洋蔥 💯

  • 作業連結:https://codepen.io/mikeyam/pen/YzwWbJM?editors=1010
  • 心得:看到題目時,忘了innerHTML用法,回去再複習一下。
    一個問題解決不了,不知道怎麼清除input裡面的值,想說使用if 和else,但好像沒辦法把字串變成空值。

助教回覆:函式內需要判斷按鈕點擊的對象,不然字打在小明那邊點擊杰倫的按鈕也會收到喔~另外清除值可以不用做判斷,送出可直接將 XXXInput.value = '';

Ivy Ho 💯

助教回覆:作業寫得很好喔!

Siling 💯

  • 作業連結
  • 心得:昨晚寫的,實在想不出怎麼用一個函式去寫xD,邏輯想得通,但卻寫不出來,好想知道解答(艸

助教回覆:作業寫得很好喔,英雄挑戰可以參考其他人的解答:D

YC 💯

助教回覆:作業寫得很好喔!

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 💯

助教回覆:作業寫得很好喔~感謝老師的用心☺️

Pann 💯

  • 作業連結
  • 心得:為了完成作業臨時抱佛腳重新溫習js語法,謝謝老師與助教

助教回覆:可以不用在 button 上使用 onclick 了唷,沒使用到會有錯誤訊息

Caleb-Liao 💯

  • 作業連結:https://codepen.io/redhung712/pen/NWxrQGB
  • 心得:想知道怎麼更精簡,因為兩組程式碼(小明給杰倫、杰倫給小明)完全一樣,而且也被自己的命名搞得眼花撩亂...

助教回覆:作業寫得很棒喔,還多寫了刪除功能~

wind 💯

助教回覆:作業寫得很棒喔,英雄挑戰成功

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 💯

  • 作業連結: 普通 英雄
  • 心得: 謝謝老師的作業,讓我能夠將之前學習到的知識再複習一遍。有另外試寫了switch的用法,但就無法帶入參數(?)想問說如果想加入參數可以怎樣使用?我後來是帶入另一個function去使用參數,但就無法符合一個函式

助教回覆:作業寫得很棒喔!

Leo 💯

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

助教回覆:作業寫得很棒喔!

Kun 💯

助教回覆:作業寫得很棒喔!

咖咖 💯

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

助教回覆:作業寫得很棒喔!

Chen 💯

助教回覆:作業寫得很棒喔

Gus 💯

助教回覆:很多人都是新手~大家一起進步,可以先從自己看得懂大約 80% 的作業就好

Terri 💯

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

助教回覆:作業寫得很棒喔

Adam 💯

Welson 💯

XiaoYun 💯

助教回覆:作業寫得很棒喔,可以再試試送出訊息後把 input 內容清空

楊孟軒 💯

助教回覆:作業寫得很棒喔,可以再試試送出訊息後把 input 內容清空

Alex 124 💯

  • 作業連結:
    英雄挑戰
  • 心得:沒太多時間寫功課,不知這樣ok不

media 💯

Jerry Lin 💯

kj 💯

Pandaa Chui 💯

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

Gaga (6/16 補交) 💯

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 💯

  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 💯

Iven 💯

AnnieKuo 💯

王玉銘 💯

Huang zheng 💯

guanyin 💯

Reynold(6/17) 💯

助教回覆:這邊提醒一下同學隔日早上九點以後,請不要再繳交作業在前一天的列表內,請直接開立新的列表唷~