明天想換個東西：可能想先瀏覽一下其他前端鐵人挑戰，學學 vue.js 等等。

1. 09- chrome devtools tricks

• 知道js在哪裡
• console.warn()/info()/error()/assert()/clear()/
• console.dir() 列出console.log()的物件
• console.table()
• console.group(x).... 中間放你要的.... console.groupEnd(x)
• console.count()
• console.time(x) ..... 中間放你要的.... console.timeEnd(x)

2. 10- Hold Shift to Check Multiple Checkboxes

• 漸漸感受到javascript的強大了：如何應用this等等特性，善用邏輯宣告等等，厲害，晚上在做一次！！！
• 重點：this, checkboxes.checked

const checkboxes = document.querySelectorAll('input[type="checkbox"]');

let lastChecked ;

function handlecheck(e) {
  let inBetween = false;
  if (e.shiftKey && this.checked) {
    checkboxes.forEach(checkbox => {
      console.log(checkbox);
      if (checkbox === this || checkbox === lastChecked) {
        inBetween = !inBetween;
        console.log('start to check inbetween');
      }
      if (inBetween ) {
        checkbox.checked = true;
      }
    })
  };

  lastChecked = this;
}

checkboxes.forEach(checkbox => checkbox.addEventListener('click',handlecheck));