站長阿川  ·  01月02日

JavaScript 系列一：第7課 ── 認識巢狀結構

JavaScript 系列一：第7課 ── 認識巢狀結構

本課程為付費解鎖教材

站長獨家研發的新手友善、專案導向教材！

查看方案
2個讚   58留言 3,178瀏覽
按讚的人：
共有 58 則留言
登入之後發表留言

作業繳交
https://jsfiddle.net/k2ypw18z/26/
PS: alert 訊息好像打錯了喔!
'麻'煩請填寫您的大名。

2個讚   回覆
按讚的人：

寫得很好！順利完成作業！

同時也很好地示範了，完全不用「巢狀結構」的解決方法！

JavaScript 系列課程二，會在幾天內上線，也期待能看到你來寫每堂作業！

1個讚   回覆
按讚的人：

「煩請」的用法，我是參考這邊，教育部辭典

https://dict.revised.moe.edu.tw/dictView.jsp?ID=34889&la=0&powerMode=0

0個讚   回覆

看了你的作業，學到其他的技巧，感謝分享～

1個讚   回覆
按讚的人：

一起加油 : )

1個讚   回覆
按讚的人：

Hung 來加這個 line 社群

這是我開給完成第一份系列課程的同學群組

https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g

我要在群組內了解一下大家狀況，才能設計後續課程教材

0個讚   回覆
回覆 hung......

交作業～
https://jsfiddle.net/birdie2019/yx5frso2/89/

1個讚   回覆
按讚的人：

寫得很好！順利完成作業！

樣式做得非常漂亮，幾乎是業界商用水準！

同時也很好地示範了，使用「巢狀結構」的標準解決方法！

JavaScript 系列課程二，會在幾天內上線，也期待能看到你來寫每堂作業！

1個讚   回覆
按讚的人：

補充一下，巢狀結構，因為閱讀困難，通常會用「空格縮排」來讓同層級的看起來「深度」一致

以你的程式碼來說，業界正式的縮排會像這樣

https://jsfiddle.net/krj61n5b/

如何？看起來漂亮很多吧！

1個讚   回覆
按讚的人：

謝謝指點和示範！

0個讚   回覆

Birdie 來加這個 line 社群

這是我開給完成第一份系列課程的同學群組

https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g

我要在群組內了解一下大家狀況，才能設計後續課程教材

0個讚   回覆
回覆 birdie......

繳交作業
https://jsfiddle.net/cz07a8nu/13/

1個讚   回覆
按讚的人：

很好，順利完成！

0個讚   回覆

Wei 來加這個 line 社群

這是我開給完成第一份系列課程的同學群組

https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g

我要在群組內了解一下大家狀況，才能設計後續課程教材

0個讚   回覆
回覆 wei......

交作業
https://jsfiddle.net/evon0306/dp6f84sa/97/

1個讚   回覆
按讚的人：

寫得很好，順利完成！

0個讚   回覆

Evon 來加這個 line 社群

這是我開給完成第一份系列課程的同學群組

https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g

我要在群組內了解一下大家狀況，才能設計後續課程教材

0個讚   回覆
回覆 evon0306......

第七課作業
https://jsfiddle.net/ossianwork/b15mjckq/6/

1個讚   回覆
按讚的人：

很好！順利完成！

歡迎加入完成第一份系列課程的同學群組

https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g

0個讚   回覆
回覆 撿紅點......

繳交第七課作業~
https://jsfiddle.net/igorrrrr/38g6yn5a/2/

1個讚   回覆
按讚的人：

很好！順利完成！

歡迎加入完成第一份系列課程的同學群組

https://line.me/ti/g2/nipkjq2WoZPKX5dTn9tE9266aEOt6EOICFGa1g

0個讚   回覆
回覆 igorrrrr......

繳交第七課作業!
https://jsfiddle.net/81ue_lan/odgu03af/162/

1個讚   回覆
按讚的人：

寫得很好，順利完成！

0個讚   回覆
回覆 小籃......

終於!頭腦打結了好久，原來是大括號沒放好，交作業，麻煩站長
https://jsfiddle.net/johnny890118/69qrnxL1/692/

1個讚   回覆
按讚的人：

寫得很好，順利完成！

繼續保持！

0個讚   回覆
回覆 小軒......

繳交作業 謝謝
https://jsfiddle.net/kushmuffin/za7j1drn/394/

1個讚   回覆
按讚的人：

寫得很好，順利完成！

0個讚   回覆
回覆 K.Lee......

作業繳交
https://jsfiddle.net/tp655998/q4ret8s9/

1個讚   回覆
按讚的人：

寫得很好，順利完成！

0個讚   回覆
回覆 Lv1村民......

交作業，再麻煩站長了，謝謝!

https://clothes-form.glitch.me
另外，我想用JS修改form裡的required，但都沒有成功，有把這問題丟到問題討論了，能麻煩站長給我一點想法或提示嗎，一直解決不了QQ

1個讚   回覆
按讚的人：

寫得很好，順利完成！

討論區已有人回覆，再試試看有沒有解決了！

0個讚   回覆
回覆 pchun......

https://jsfiddle.net/tsaii/p0rax1ve/253/
交作業！

1個讚   回覆
按讚的人：

寫得很好，順利完成！

0個讚   回覆
回覆 Tsaï......

https://jsfiddle.net/2m4g0v9t/3/
作業練習!~

1個讚   回覆
按讚的人：

寫得很好，順利完成！

0個讚   回覆
回覆 YangGuan......

交作業~
https://jsfiddle.net/ZooeyLai/fnta0z6q/

1個讚   回覆
按讚的人：

寫得很好，順利完成！

0個讚   回覆
回覆 zooey......

https://jsfiddle.net/dfg312546/ct9ep654/123/
交

1個讚   回覆
按讚的人：

https://jsfiddle.net/wimp9487/c2eoundr/189/
交作業!

1個讚   回覆
按讚的人：

寫得很好，順利完成！

0個讚   回覆
回覆 wimp9487......

作業繳交

https://jsfiddle.net/mb2902911/06wkj73q/137/

1個讚   回覆
按讚的人：

寫得很好，本系列順利完成！

1個讚   回覆
按讚的人：
回覆 學店人......

https://jsfiddle.net/B__rain/c6r14j3e/315/
作業繳交

1個讚   回覆
按讚的人：

寫得很好，本系列順利完成！

1個讚   回覆
按讚的人：
回覆 papo675294......

交作業
https://jsfiddle.net/CryptoMars/bkyvaz13/129/

1個讚   回覆
按讚的人：

寫得很好，本系列順利完成！

0個讚   回覆
回覆 Mars......

交作業了~
https://jsfiddle.net/7qb5vmdw/

1個讚   回覆
按讚的人：

寫得很好，本系列順利完成！

0個讚   回覆
回覆 佑......

交作業:https://jsfiddle.net/fxq0L4tn/18/

1個讚   回覆
按讚的人：

繳交作業
https://jsfiddle.net/shnny/wgzs0mrk/7/

1個讚   回覆
按讚的人：

2024.02.07 https://jsfiddle.net/48st36Le/

1個讚   回覆
按讚的人：

https://jsfiddle.net/Fanny60714/9xd3c8jk/157/

1個讚   回覆
按讚的人：

感謝站長教學引導，感謝前輩們的程式碼參考，謝謝!

作業: https://jsfiddle.net/Ls0nye8o/43/

1個讚   回覆
按讚的人：

交作業: https://jsfiddle.net/max002215/x6oufwgL/18/

1個讚   回覆
按讚的人：

交作業：https://jsfiddle.net/aelgy369/vdj07hep/64/

1個讚   回覆
按讚的人：

記錄: https://jsfiddle.net/applelily/1q6f95kz/9/

1個讚   回覆
按讚的人：

交作業 https://jsfiddle.net/zy2po3f5/16/

1個讚   回覆
按讚的人：

20240913交作業https://second-slender-planet.glitch.me/

1個讚   回覆
按讚的人：
留言......
可試閱

自學網頁の嬰兒教材：JavaScript（一）—— 幫衣服工廠做個好用表單

網站前端、後端工程師必備技能，最萬用的程式語言之一，新手必學的入門教材！

課程內容
👉 JavaScript 系列一：前言
👉 JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件
👉 JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容
🔒 JavaScript 系列一：第3課 ── 修改 html 的內容
🔒 JavaScript 系列一：第4課 ── 基本的陣列操作
🔒 JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制
🔒 JavaScript 系列一：第6課 ── 認識資料型態與轉換
🔒 JavaScript 系列一：第7課 ── 認識巢狀結構
🔒 JavaScript 系列一：結語
站長阿川
👉 身份：資深全端工程師、指導過無數人半路出家轉職 👉 使命：打造 CodeLove 成為優質新手村，讓非本科也有地方自學＆討論
熱門搜尋： 使用 開發 工作 ui 專案 ar javascript JavaScript 第一 分享 學習 id Git 網站 css for Ml COM 技術 console 搜尋 作為 基礎 git html js 作業 語言 ＣＳＳ 結構 測試 JS 網頁 架構 研究 Ai 後端 前端 jav JAVA app api Github 系列 ul %' CD Can Java javasc AI github 工程師 ci this java go GIT 資料庫 Javas 套件 框架 清單 Node 主題 react aws 部落格 Line 課程 Python with user 公司 部署 伺服器 效率 bi Javascript API 開源 REACT CSS 非同步 Css AWS 編輯 py 分析 json 乾淨 create npm vs Vue 登入 新手 HTML 聊天 Html
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。