→ MadCaro: 我打算休息到17:00再繼續 11/26 15:58
→ MadCaro: 今天打算學到foreach為止，不知道學不學的完 11/26 16:00
08:30起床，
做了護膝三動作，
09:00開始學JavaScript，
開始應用番茄時鐘法，這樣我才會記得要起來動一動，
09:25開始寫第三週的練習作業，
1. 8/9 (一) － JSON 格式判斷
https://codepen.io/Sunny0509/pen/BadXpYa?editors=0010
2. 8/10 (二) － 撈出想要的 JSON 資料
https://codepen.io/Sunny0509/pen/KKvOaBN?editors=1010
3. 8/11 (三) － 陣列物件搭配 if 流程判斷練習
https://codepen.io/Sunny0509/pen/XWavpGE?editors=0010
4. 8/12 (四) － 函式寫法教學、函式觀念加強
https://codepen.io/Sunny0509/pen/QWMedep
5. 8/13 (五) － 函式傳參數、return 練習
https://codepen.io/Sunny0509/pen/PoKMpZN?editors=0010
完成第三周的作業了，我棒棒
接下來繼續上課
let el = document.querySecletor("h1");
querySecletor:選取網頁上的元素
querySecletor("h1"):選取網頁上h1的元素
括湖內可以改成其他類別選擇器
el.textContent = "hello world!!";
可以動態的把el的文字內容修改成"hello world!!"
textContent 寫入文字資料作業:
https://codepen.io/Sunny0509/pen/eYEqvVP
el.innerHTML=`MadCaro好會賺錢`;
在變數el上新增html的內容
會清空並覆蓋掉原本的html的內容
再重新做寫入
要新增HTML標籤就使用innerHTML
作業: https://codepen.io/Sunny0509/pen/qBXerQB
innerHTML加變數作業:
https://codepen.io/Sunny0509/pen/NWvQpoy
如果是單純改文字用textContent
整個元素(包括文字)都要改用innerHTML
養成好習慣先確認有抓到在下一步
setAttribute作業連結:
https://codepen.io/Sunny0509/pen/QWMevWB
document.querySelector只會抓第一個節點
document.querySelectorAll會回傳陣列
qeurySelectorAll作業:
https://codepen.io/Sunny0509/pen/oNeKWbz
.innerHTML、.textContent、.getAttribute 取值方法
https://codepen.io/Sunny0509/pen/abyeWWd?editors=1111
表單取值:
https://codepen.io/Sunny0509/pen/bGrXWom
進度推進到57%
接下來進入event章節，但是我要出門一趟了!!
--
鹽烤雞胸肉黑胡椒烤雞胸肉孜然烤雞胸肉咖哩烤雞胸肉蒜香醬油烤雞胸肉咖哩優格烤雞胸肉
蒜香咖哩黑胡椒烤雞胸肉匈牙利紅椒烤雞胸肉迷迭香烤雞胸肉義式烤雞胸肉
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.138.127.34 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Diary/M.1637902525.A.ACB.html
※ 編輯: MadCaro (223.138.127.34 臺灣), 11/26/2021 13:25:23
加法器、減法器
https://codepen.io/Sunny0509/pen/VwzoWNN?editors=1111
※ 編輯: MadCaro (223.138.127.34 臺灣), 11/26/2021 15:16:55
去抓HTML的標籤名稱例如input
btn.nodeName
把監聽綁在按鈕上，e.target會偵測到點擊的所在元素位置是在這顆按鈕
偵測到點擊到的是在DOM的哪個位置
學了六七個小時了覺得有點累，我要來休息了......
※ 編輯: MadCaro (223.138.127.34 臺灣), 11/26/2021 15:46:45