做一个按钮页面

亲手做一个会“变魔术”的按钮,学习网页是如何接收指令并产生变化的。

步骤

1创造交互按钮
在 HTML 里添加一个 button 按钮,并给它起个响亮的名字。
2美化按钮外表
用 CSS 给按钮涂上喜欢的颜色,调整大小,让它看起来想让人点一下。
3编写交互灵魂
编写一小段 JavaScript 代码,让按钮在被点击时能切换颜色和文字。

示范样例:神奇的互动按钮

评价目标

一星一星
页面上出现了一个完整的按钮,且排版正常。
二星二星
点击按钮后,页面的颜色或文字成功发生了改变。
三星三星
交互过程伴随平滑的过渡效果,点击反馈清晰且有趣。