D60_W7 最好今天能把作業交出去

今天進度規劃

HW1 2hrs
HW2 1hr
HW3 1hr
HW4 1hr
交作業，修 eslint 1hr
預計結束時間：1700
晚餐：1700 - 1800

HW1

到這裡為止，還有跳出 alert 顯示資料沒寫完

document
  .querySelector('form')
  .addEventListener('submit', function(e) {
    e.preventDefault()

    let hasError = false
    let values = {}

    const inputs = document.querySelectorAll('.required input[type=text]')
    for(let input of inputs) {
      values[input.name] = input.value
      if (input.value == false) {
        input.parentNode.parentNode.classList.remove('hide-error')
        hasError = true
      } else {
        input.parentNode.parentNode.classList.add('hide-error')
      }
    }
    const elements =  document.querySelectorAll('.required')
    for(element of elements) {
      const radios =  element.querySelectorAll('input[type=radio]')
      if(radios.length == false) continue
      let hasValue = [...radios].some(radio => radio.checked)
      if (!hasValue) {
        element.classList.remove('hide-error')
        hasError = true
      } else {
        element.classList.add('hide-error')
      }
    }
})

W7 直播檢討

當週直播檢討可以問之前的問題喔。
想問老師對於一些不需要結尾標籤的標籤，例如老師結尾都會加上 "/"，可是自己在寫作業和查網路上資料的時候發現其實很多範例都會直接不加 "/"，所以有點疑惑該不該加，請問這是不是就像 JavaScript 結尾要不要加 ";" 一樣，就是一種書寫習慣呢？
- 因為 W21 以後的 react 都要加，所以後來就改成都加
想請問老師，如下所示，產生了卷軸white-space: nowrapoverflow:scroll可以改捲軸的顏色嗎？
- google scrollbar color css 可以找到調整方法
- 但老師不建議調整，因為在不同瀏覽器會有不同問題
203行 values[input.name] = input.value211行 values[r.name] = r.value能理解這兩行是要把輸入的值丟到變數values裡面但看不懂這邊方括號的用法能請老師講解嗎？謝謝
- 22'51"
從 320px 到 768px 都是手機的版面