本文是一个来自于百度训练营的day1 homework。当时的题目描述如下图：

现在对这个问题做出解答，有两种思路。
思路一：使用js实现样式的改变。
思路二：使用a链接，将改变颜色后的样子写成另一个html文件，使点击后跳转到另一个文件，复原按钮同理。

思路一的实现

思路一是通过对文章How to change Text Coloron click in JavaScript的学习修改代码后得到的。

这篇文章讲到了三个内容

在点击的时候改变文档全局文本颜色

做法：

1. 给元素添加click监听事件；
2. 设置一个document.body.style.color来指定每次点击元素的时候文本要改变成的目标颜色；
3. 全局文本颜色改变（覆盖到其他颜色的除外）。

例子如下图
注意：

1. js文件中下边缘白色的部分（位于第1行）必须与html文件中的button元素id属性值保持一致（位于第4行）
2. js文件中下划红线的两个板块内容要相同

在点击的时候改变对应元素内部的文本颜色

做法：

1. 给文档中的元素添加click监听事件；
2. 指定event对象给函数中的变量；
3. 将想要改变的颜色设置到event.target.style.color属性。

写法和在点击的时候改变文档全局文本颜色类似，可以参考码上掘金代码

在点击不同按钮的时候改变对应元素内文本为不同颜色

做法：

1. 给要改变颜色的html属性加上id属性，并与js中对应位置的内容保持一致;
2. 给html中的一个元素添加click监听事件;
3. 在每次点击按钮的时候，改变style.color为想要改变的颜色。

例子如下图 注意：
每个下划线颜色相同的地方务必保持一致
js文件中下划线为紫色和绿色的部分不可以相同（因为这是两个事件）

思路二的实现

html中可以使用a标签给需要超连接的地方进行超链接的添加。这个超链接可以连接到其他网站，也可以连接到本地的其他文档以及当前文档的某个部分。
由a标签部分的知识就可以得到以下方法：

原html文件&恢复按钮文件

变为红色文件