** 难度 ** ⭐ 适合初学者
如果您是刚开始学习 HTML,CSS,JavaScript,可以通过本练习综合运用它们进行练习。
实现一个具备带界面交互,具备简单加减乘除的计算器功能的函数。
为了完成本任务,你需要学习掌握界面布局及样式的相关知识,学习 JavaScript 事件相关知识,学习 DOM 的基本操作。
- 界面包括数字 0 到 9 的按钮,其中 1 到 9 排列成九宫格,1 到 3 在最下方,7 到 9 在最上方,0 放在数字 2 的下方
- 界面包含一个小数点输入按钮,位置在数字 0 的右方
- 界面包括加减乘除及等号五个按钮
- 界面包含一个清零的按钮,点击后之前输入全部清除
- 界面包括一个显示当前输入或运算结果的显示屏
- 操作规则和日常家用简易计算机一样,只支持两个数字的加减乘除,操作路径为:按第一个数字,按运算符号,按第二个数字,按等号或其它运算符号时显示运算结果
- 当表达式出现错误表达,比如除数出现 0 时,显示 ERR
- 如果是想练习最基本的样式及布局,可以不使用任何第三方的布局或样式库,除非是要学习某一个第三方布局或者样式库
- 不使用任何第三方 JavaScript 的类库或框架,尽可能练习最基础的 JavaScript 相关语法、事件、DOM 相关知识。除非是要学习某一个第三方框架或者类库。