Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/main.js
定位：先讀 classList.value 與 dataset.id。
Solution · code-edit
classList 與 dataset
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
card class 存在，is-selected 不存在。
預期看到
dataId=s2、before=false、after=true、其他 class 保留。
card.dataset.id；card.classList.toggle('is-selected')。檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口 HTML：提供服務清單目標與 status，讓 DOM API 有明確的渲染位置。style.css
呈現層：只負責清單、狀態與窄版可讀性，不承擔資料或渲染邏輯。main.js
行為層：保存 services、建立 DOM 節點、寫入文字並留下渲染筆數證據。
證據：dataId=s2、selected=true、baseClass=true
回到主題說明