(完成者,也請到每日任務上打勾)
6/15 作業
心得:參考清空的方式
6/16 作業
心得:思考要怎麼用switch完成英雄挑戰
6/17 作業
心得:利息算上花比多時間,覺得code應該可以更簡潔些
6/18 作業
心得:參考了同學的switch 部分跟看了老師的說明影片才了解±/怎麼運算
6/19 作業
心得:不知道要什麼該使用 e.target,網路google蠻多跟參考同學的有初步了解
助教回覆:助教這邊在檢查程式碼的時候,發現 loanBtn 無法正常運行,可以參考Claire Chang 的寫法。另外建議你除了不借款的區塊,其他區塊要加入 loanBtn.disabled = false;。
Question:
在函式內宣告變數後,卻無法在下面再次調用
inputName = document.querySelector("input[type='text']").value
inputName = ''; // 這個會失效
document.querySelector("input[type='text']").value = ''; // 這個會成功
助教回覆:助教分別測試 JS 第 40+41 行的組合以及JS 第 42+43 行的組合,沒有問題哩。
助教回覆:JS 第 28 行的 balance.textContent = jayMoney; 如果輸入欲借貸金額之後,Console.log(balance.textContent) 會報錯,建議從這一行開始修改。
助教回覆:功能很完整,作業練習的很棒
。Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
助教回覆:構想如何設計是很不錯的想法唷。另外建議也可以參考 Wendy 的寫法。
助教回覆:建議可以參考 Wendy 的寫法。
助教回覆:助教個人覺得你設計的版型很棒
。Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
助教回覆:功能很完整,作業練習的很棒
。也恭喜你修訂完成,讓作業正常運作。Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
助教回覆:功能很完整,作業練習的很棒
。一開始寫的程式碼通常都會是一長串的,會慢慢進步的。Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
助教回覆:建議 6/18 的作業加入清空資料的功能哩。
助教回覆:建議先呼叫 displayScreen(); 讓小杰出現。
助教回覆:建議 6/15 的作業加入清空資料的功能哩。
助教回覆:建議 Day 3 的作業可以參考 Claire Chang 的寫法,並且將「鄰居決定貸款」的按鈕設計 disabled 功能開始著手哩。
助教回覆:建議增加歸零的功能,可以參考 YC 的寫法哩。
助教回覆:計算機做得很棒,功能很齊全。
助教回覆:建議 JS 第 18 行的loanBtn.disabled = true; 改放在 JS 第 26 行,建議再調整看看喔。
助教回覆:6/16 的作業建議 JS 第 26 和 27 行改成 mingMoney.textContent = (mingWallet - parseInt(inputCash.value)); 就可以運行哩。
助教回覆:建立正確的觀念和多練習就會提昇功力哩。學習程式都是先從模仿開始唷。
助教回覆:功能可以正常運作,建議先求有再求好🙂。
助教回覆:建議加入判斷 firstNum 的字串中第一個字是不是 0,解決方案的關鍵字可以朝著「字串、陣列」去搜尋。
助教回覆:自行解決和釐清觀念很棒唷🙂。
助教回覆:建議加入判斷 numberSet1 的字串中第一個字是不是 0,解決方案的關鍵字可以朝著「字串、陣列」去搜尋。
助教回覆:助教查看之後製作的不錯哦~作業沒有太大問題哩
助教回覆:作業做得很不錯唷,建議再加入「鄰居決定貸款」的按鈕 disabled 功能就更完整哩。
助教回覆:畫面做得很棒,但是計算功能缺少乘法和除法,建議補齊功能哩。
助教回覆:建議增加 var profit = document.querySelector('#profit'); 就可以顯示文字哩。
助教回覆:退回的功能很棒🙂。
助教回覆:作業練習的很棒,助教鼓勵你可以額外參考 Claire Chang 或是 Alex 124 的寫法。
Math.ceil
)利息,不知道是不是OK的助教回覆:助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞,建議除了不借款這個部分,其他部分加入document.getElementById("loanBtn").disabled = false; 建議再調整看看喔。
助教回覆:建議增加歸零的功能,可以參考 YC 的寫法哩。
助教回覆:助教這邊在檢查 6/17 作業程式碼的時候,發現運行上無法達成挑戰,建議你再調整。
助教回覆:6/16 作業,小明預設有 1000 元唷。
助教回覆:建議 JS 第 14 行的loanBtn.disabled = true; 改放在 JS 第 26 行,建議再調整看看喔。
助教回覆:eval 函式在處理不確定字串的時候,會引起 XSS (跨站指令碼攻擊),另外不容易除錯和效能低造成難維護也是不建議採用的原因。
助教回覆:助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞,建議除了不借款這個部分,其他部分加入loanBtn.disabled = false; 建議再調整看看喔。
另外回答你的問題,陣列裡面可以放入年利率,再搭配 function 來計算杰倫還剩多少費用,建議可以朝著這個方向試試看。
助教回覆:助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞,建議除了不借款這個部分,其他部分加入loanBtn.disabled = false; 建議再調整看看喔。
助教回覆:這個想法很棒,可以試著使用 map 來練習。
0617
助教回覆:助教這邊在檢查程式碼的時候,發現運行上無法達成挑戰,建議你再調整。
0616💯
助教回覆:助教發現當畫面呈現不借的時候「鄰居決定貸款」的按鈕並沒有 disabled,建議這個部分再調整看看喔。
助教回覆:觀念正確,多練習就會進步的。
助教回覆:學起來之後,可以練習計算銀行利息(?。
助教回覆:建議 JS 第 1 行程式碼拿掉,改寫第 20 行,內容為
let a =(parseInt(document.getElementById('input').value))
助教回覆:建議 JS 第 22 行程式碼拿掉,會影響 input.value 的運作唷。
另外,助教發現「鄰居決定貸款」的按鈕的 disabled 功能時好時壞,建議除了不借款這個部分,其他部分加入 loanBtn.disabled = false; 建議再調整看看喔。
助教回覆:清空輸入框的想法很棒,建議 JS 第 20 行下方加入 input.value = ''; ,讓程式碼運作更順暢。
-作業連結
-作業連結
-心得:複習了利率的算法及btn disable用法,Math.round用法
助教回覆:建議 JS 第 17 行的loanBtn.disabled = true; 改放在 JS 第 25 行,建議再調整看看喔。
助教回覆:建議 JS 第 13 行的loanBtn.disabled = true; 改放在 JS 第 54 行,建議再調整看看喔。
助教回覆:借貸的話語也太有趣啦
。Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
助教回覆:陣列裡面可以放入年利率,再搭配 function 來計算杰倫還剩多少費用,建議可以朝著這個方向試試看。
助教回覆:作業練習的很棒,助教鼓勵你可以額外參考 Claire Chang 或是 Alex 124 的寫法。
助教回覆:原因是出在 JS 第 18 行,Console.log() 結果是 NaN,導致程式碼運行錯誤,建議參考 Caleb Liao 的寫法。
助教回覆:借貸的話語也太有趣啦
。Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
助教回覆:建議可以參考同學們的寫法來驗證是否錯誤。
作業停止繳交,若要補交請交在隔天。
助教回覆:助教這邊看是沒辦法正常計算,主要而因是變數命名上的錯誤,只需要調整一下變數命名,例如 var inputID = document.querySelector('#input'); 這樣同學就知道問題囉
助教回覆:因為你這邊直接將值賦予回去囉 result.textContent = money + num;
然後,請朋友協助看一下,他建議之後若要測錯誤,使用Chrome瀏覽器,盡量用VScode編寫;另外程式錯誤真找不到,就一行一行測,多的東西先註解起來。
結果錯誤為:html的#lowerMoney沒有抓到,為null,原因為lowerMoney多寫了一個'。
助教回覆:送出資料後也可以試著清除 input 唷~
沒錯哦,通常來講我們不會一次寫完程式碼,而是確定沒問題再往下寫
助教回覆:通常來講在扣除之後會先做一些判斷是否小於 0,但這邊沒關係哦,小明遲早某一天會貸款欠債的。
助教回覆:同學這邊「小明扣錢」有小小的錯誤,但問題不大,修改一下就可以囉~
助教回覆:通常來講我們會使用正規表達式來解決,但這個同學可以後面學習實在了解就可以囉
助教回覆:已經寫得想棒了哦~
在實際開發上,其實我們也不會一開始就思考精簡寫法哩 :D
助教回覆:this 觀念稍微比較重一點,可以後面在嘗試使用,這樣子挫折心比較不會那麼重哩 :D
助教回覆:這是寫程式很常見的狀況哦~
助教自己也是唷 :D
助教回覆:送出資料後也可以試著清除 input 唷~
助教回覆:送出資料後也可以試著清除 input 唷~
助教回覆:送出資料後也可以試著清除 input 唷~
助教回覆:學會排除錯誤很棒呢!
助教回覆:當卡關時也可以試著使用在 Slack 大群詢問,可以得到更多人幫助唷~
助教回覆:送出資料後也可以試著清除 input 唷~
target.id
,一不小心就把英雄挑戰做出來了XD,感謝老師和同學的程式碼,讓我可以更進步。助教回覆:送出資料後也可以試著清除 input 唷~
助教回覆:送出資料後也可以試著清除 input 唷~
助教回覆:嘗試製作畫面練習相當不錯哦
助教回覆:送出資料後也可以試著清除 input 唷~
通常實際開發上其實不會一開始就思考如何精簡程式碼,所以不用太擔心這個問題,但是同學其實寫得很不錯了唷~
助教回覆:練習過程中不用太擔心自己寫了爛 code,過程中每天積極練習每日任務慢慢的也會寫出好 code 唷~
助教回覆:透過自己搜尋資料來成長想當好哦
助教回覆:作業做得很好唷~
助教回覆:作業做得很好唷~
助教回覆:作業做得很好唷~
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: 正確是要兩個等號才是判斷,否則單等號是賦予的意思。
助教回覆:增加錢時也可以試著清除 input 唷
助教回覆:作業寫得很好唷
助教回覆:作業寫得很好唷,還有三種不同版本!適合參考
助教回覆:作業寫得很好唷
助教回覆:可以試試在送出文字後清空 input 內容~
助教回覆:介面超美的,也寫得很好喔
助教回覆:作業寫得很好喔~要更好的話函式內可以嘗試只帶一個參數試試
助教回覆:作業寫得很好喔~心得也是
助教回覆:作業寫得很好喔!JS一起複習起來
助教回覆:函式內需要判斷按鈕點擊的對象,不然字打在小明那邊點擊杰倫的按鈕也會收到喔~另外清除值可以不用做判斷,送出可直接將 XXXInput.value = '';
助教回覆:作業寫得很好喔!
助教回覆:作業寫得很好喔,英雄挑戰可以參考其他人的解答:D
助教回覆:作業寫得很好喔!
助教回覆:作業寫得很好喔!一步步慢慢來:D
助教回覆:作業寫得很好喔~
助教回覆:作業寫得很好喔~感謝老師的用心☺️
助教回覆:可以不用在 button 上使用 onclick 了唷,沒使用到會有錯誤訊息
助教回覆:作業寫得很棒喔,還多寫了刪除功能~
助教回覆:作業寫得很棒喔,英雄挑戰成功
助教回覆:作業寫得很棒喔,有判斷不可為空和使用 trim()方法
助教回覆:作業寫得很棒喔!
助教回覆:作業寫得很棒喔!
助教回覆:作業寫得很棒喔!
助教回覆:作業寫得很棒喔!
助教回覆:作業寫得很棒喔!
助教回覆:作業寫得很棒喔
助教回覆:很多人都是新手~大家一起進步,可以先從自己看得懂大約 80% 的作業就好
助教回覆:作業寫得很棒喔
助教回覆:作業寫得很棒喔,可以再試試送出訊息後把 input 內容清空
助教回覆:作業寫得很棒喔,可以再試試送出訊息後把 input 內容清空
助教回覆:inputMsg.value 是 undefined,應該是要讓 input 本身清空值,但是你使用 msg ,他原本就是值了唷~
助教回覆:改成 var mingText = mingInput 試試看,你的問題和 Ruta 一樣
助教回覆:這邊提醒一下同學隔日早上九點以後,請不要再繳交作業在前一天的列表內,請直接開立新的列表唷~