Skip to content

Latest commit

 

History

History
executable file
·
30 lines (19 loc) · 1.59 KB

simplecalc.md

File metadata and controls

executable file
·
30 lines (19 loc) · 1.59 KB

计算器函数

** 难度 ** ⭐ 适合初学者

练习介绍

如果您是刚开始学习 HTML,CSS,JavaScript,可以通过本练习综合运用它们进行练习。

实现一个具备带界面交互,具备简单加减乘除的计算器功能的函数。

为了完成本任务,你需要学习掌握界面布局及样式的相关知识,学习 JavaScript 事件相关知识,学习 DOM 的基本操作。

用例描述

  • 界面包括数字 0 到 9 的按钮,其中 1 到 9 排列成九宫格,1 到 3 在最下方,7 到 9 在最上方,0 放在数字 2 的下方
  • 界面包含一个小数点输入按钮,位置在数字 0 的右方
  • 界面包括加减乘除及等号五个按钮
  • 界面包含一个清零的按钮,点击后之前输入全部清除
  • 界面包括一个显示当前输入或运算结果的显示屏
  • 操作规则和日常家用简易计算机一样,只支持两个数字的加减乘除,操作路径为:按第一个数字,按运算符号,按第二个数字,按等号或其它运算符号时显示运算结果
  • 当表达式出现错误表达,比如除数出现 0 时,显示 ERR

练习要求

  • 如果是想练习最基本的样式及布局,可以不使用任何第三方的布局或样式库,除非是要学习某一个第三方布局或者样式库
  • 不使用任何第三方 JavaScript 的类库或框架,尽可能练习最基础的 JavaScript 相关语法、事件、DOM 相关知识。除非是要学习某一个第三方框架或者类库。

练习参考资料