20211126 js day4

作者: MadCaro (實踐!!不接寵物溝通謝謝)   2021-11-26 12:55:19
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章節,但是我要出門一趟了!!
作者: MadCaro (實踐!!不接寵物溝通謝謝)   2021-11-26 15:58:00
我打算休息到17:00再繼續今天打算學到foreach為止,不知道學不學的完

Links booklink

Contact Us: admin [ a t ] ucptt.com