检查点:网页交互
到这里,你应该已经能用 JavaScript 为网页添加交互了。请确认你已掌握:
- 变量、循环、数据类型、条件判断、函数。
- 数组和对象,以及访问它们数据的不同方式。
- 如何选择 DOM 元素。
- 为 DOM 元素添加事件监听(如点击、聚焦、表单提交)。
- 用 JavaScript 添加和移除 DOM 元素。
- 为 DOM 元素添加和移除 CSS 类。
- 用 JavaScript 向外部 API 发起 HTTP 请求(即
fetch)。 - 用 JavaScript 把数据存入浏览器 localStorage。
练习灵感:
- 做一个简单的待办应用,支持搜索、新增、编辑、删除,数据存 localStorage。
- 做一个网页:输入任意 GitHub 用户名,展示其资料信息。可以用 GitHub API 获取数据,记得加校验和错误处理。
- 做一个支持基本四则运算的计算器。