作業5：DOM 的 JavaScript 操控練習

[ccckmit]

參考

1. demo3.html
2. demo4.html
3. clock.html

習題

1. 按鈕按下去寬高都會變大 10px
2. 按鈕按下去會右移 10px
3. 一個會自己到處移動的按鈕

[ChadChenYu]

陳辰鈺,111210518

原始碼:

1.變大
2.右移
3.到處跑

---

網頁:

1.變大
2.右移
3.到處跑

[wakaba0972]

吳秉昭,111211543
原始碼

1. https://github.com/wakaba0972/wp/tree/master/HW/HW05/p1
2. https://github.com/wakaba0972/wp/tree/master/HW/HW05/p2
3. https://github.com/wakaba0972/wp/tree/master/HW/HW05/p3

網頁

1. wakaba0972.github.io/wp/HW/HW05/p1/index.html
2. wakaba0972.github.io/wp/HW/HW05/p2/index.html
3. wakaba0972.github.io/wp/HW/HW05/p3/index.html

p1, p2的Easing Function參考自https://easings.net/
p3禁止用戶選取文字的css參考自W3School

[C10H8Nai]

林瑋哲，110910112

• 作業5代碼

• 作業5網頁

把三個作業都合到一個網頁裡了

[456-An]

蘇奕安, 111110509
原始碼

1. https://github.com/456-An/wp/blob/master/week6/1.html
2. https://github.com/456-An/wp/blob/master/week6/2.html
3. https://github.com/456-An/wp/blob/master/week6/3.html

網頁

1. https://456-an.github.io/wp/week6/1.html
2. https://456-an.github.io/wp/week6/2.html
3. https://456-an.github.io/wp/week6/3.html

[taitaiwu]

吳佳泰, 111210520

• 原始碼

1. https://github.com/taitaiwu/wp/blob/master/Homework5/%E6%8C%89%E9%88%95%E8%AE%8A%E5%A4%A7.html
2. https://github.com/taitaiwu/wp/blob/master/Homework5/%E6%8C%89%E9%88%95%E5%8F%B3%E7%A7%BB.html
3. https://github.com/taitaiwu/wp/blob/master/Homework5/%E6%8C%89%E9%88%95%E7%A7%BB%E5%8B%95.html

• 網頁

1. https://taitaiwu.github.io/wp/Homework5/%E6%8C%89%E9%88%95%E8%AE%8A%E5%A4%A7.html
2. https://taitaiwu.github.io/wp/Homework5/%E6%8C%89%E9%88%95%E5%8F%B3%E7%A7%BB.html
3. https://taitaiwu.github.io/wp/Homework5/%E6%8C%89%E9%88%95%E7%A7%BB%E5%8B%95.html

作業3之getRandomInt函數、offsetWidth、offsetHeight為詢問Copilot而來

[tonytomtody]

蔡瑞哲 111210504

• 原始碼
  1.按鈕按下去寬高都會變大 10px
  2.按鈕按下去會右移 10px
  3.一個會自己到處移動的按鈕

• 網頁
  1. 按鈕按下去寬高都會變大 10px
  2.按鈕按下去會右移 10px
  3.一個會自己到處移動的按鈕

[HJH60]

姓名： 胡佳慧
學號： 111010141

-README

[linpeic]

林沛欣,111210522
1.
原始碼
網頁
2.
原始碼
網頁
3.
原始碼
網頁

第三題用ChatGpt Debug

[shain120]

黃冠勝 111210540

原始碼：https://github.com/shain120/wp/blob/master/html/hw5/button.html
網頁：https://shain120.github.io/wp/html/hw5/button.html

原始碼：https://github.com/shain120/wp/blob/master/html/hw5/rightshiftbutton.html
網頁：https://shain120.github.io/wp/html/hw5/rightshiftbutton.html

原始碼：https://github.com/shain120/wp/blob/master/html/hw5/move_around.html
網頁：https://shain120.github.io/wp/html/hw5/move_around.html

第三題用ChatGpt 隨機顏色

[Erkmrcl17]

李麗恩 111210559

原始碼

變大
右移
Random

網頁

變大
右移
Random

[Linyowe]

建築二 111113344 林右緯
1.
https://github.com/Linyowe/wp/tree/master/DOM%20%E7%9A%84%20JavaScript%20%E6%93%8D%E6%8E%A7%E7%B7%B4%E7%BF%92/%E6%8C%89%E9%88%95%E6%8C%89%E4%B8%8B%E5%8E%BB%E5%AF%AC%E9%AB%98%E9%83%BD%E6%9C%83%E8%AE%8A%E5%A4%A7%2010px
2.
https://github.com/Linyowe/wp/tree/master/DOM%20%E7%9A%84%20JavaScript%20%E6%93%8D%E6%8E%A7%E7%B7%B4%E7%BF%92/%E6%8C%89%E9%88%95%E6%8C%89%E4%B8%8B%E5%8E%BB%E6%9C%83%E5%8F%B3%E7%A7%BB%2010px
3.
https://github.com/Linyowe/wp/tree/master/DOM%20%E7%9A%84%20JavaScript%20%E6%93%8D%E6%8E%A7%E7%B7%B4%E7%BF%92/%E4%B8%80%E5%80%8B%E6%9C%83%E8%87%AA%E5%B7%B1%E5%88%B0%E8%99%95%E7%A7%BB%E5%8B%95%E7%9A%84%E6%8C%89%E9%88%95

[Hfkem]

資工一 111210503 陳冠昀
變大
原始碼 https://github.com/Hfkem/wp/blob/master/html/dom1.html
網頁 https://hfkem.github.io/wp/html/dom1.html

右移
原始碼 https://github.com/Hfkem/wp/blob/master/html/dom2.html
網頁 https://hfkem.github.io/wp/html/dom2.html

隨機移動
原始碼 https://github.com/Hfkem/wp/blob/master/html/dom3.html
網頁 https://hfkem.github.io/wp/html/dom3.html
隨機移動由chatGPT輔助完成

[cindycallista]

楊莉思 111210555

1. 變大
   原始碼 : https://github.com/cindycallista/wp/blob/master/HW_5/1.html
   網頁 : https://cindycallista.github.io/wp/HW_5/1.html

2. 右移
   原始碼 : https://github.com/cindycallista/wp/blob/master/HW_5/2.html
   網頁 : https://cindycallista.github.io/wp/HW_5/2.html

3. 隨機移動
   原始碼 : https://github.com/cindycallista/wp/blob/master/HW_5/3.html
   網頁 : https://cindycallista.github.io/wp/HW_5/3.html

第三題參考 https://css-tricks.com/snippets/javascript/random-hex-color/ 隨機顏色

[Jonathan-es]

陳家盛 111210554

原始碼

1. https://github.com/Jonathan-es/wp/tree/master/hw5/n1.html
2. https://github.com/Jonathan-es/wp/tree/master/hw5/n2.html
3. https://github.com/Jonathan-es/wp/tree/master/hw5/n3.html

網頁

1. https://jonathan-es.github.io/wp/hw5/n1
2. https://jonathan-es.github.io/wp/hw5/n2
3. https://jonathan-es.github.io/wp/hw5/n3

使用ChatGPT作為參考

[codewhight]

111210510 林彥廷

按鈕都放在同一網站

網頁
https://codewhight.github.io/wp/JavaScript/HW3/%E6%8C%89%E9%88%95%E7%8B%80%E6%85%8B.html

原始碼
https://github.com/codewhight/wp/blob/master/JavaScript/HW3/%E6%8C%89%E9%88%95%E7%8B%80%E6%85%8B.html

使用chatgpt 輔助完成