JavaScript Notes

JavaScript 交互笔记

JavaScript 交互笔记：记录 DOM、点击事件、主题切换、localStorage 和个人主页设置面板逻辑。

JavaScript 是什么

JavaScript 负责网页交互。比如点击按钮、打开设置面板、切换主题、把用户选择保存到浏览器。

用 JavaScript 找到页面元素并修改它们。

监听 click 这类用户操作。

把当前主题、颜色、开关状态保存起来。

个人主页里的设置按钮、主题按钮、颜色圆点，都是先选中元素，再绑定点击事件。

选择单个元素。

选择一组元素，例如所有主题按钮。

给按钮添加点击后的执行逻辑。

当前项目已经实现浅色、深色、跟随系统、主题色、界面质感和视觉效果开关。

通过增删 class 改变页面样式。

保存用户选择，下次打开网页还能保留。

检测系统是否为深色模式。

下一步可以用 JavaScript 做待办清单、随机语录、月历、倒计时这类小功能。

练习新增、删除和完成状态。

练习数组和随机数。

练习 Date 对象、月份切换、目标日期计算和本地保存。