master
Simple Calculator Web
一个简洁美观的网页计算器,支持加、减、乘、除和清除功能。
功能特性
- ➕ 加法
- ➖ 减法
- ✖️ 乘法
- ➗ 除法(自动处理除以零错误)
- 🧹 清除(C 键重置所有状态)
- 🎨 现代化渐变背景与圆角设计
- 📱 响应式布局,适配移动端
- ⚡ 纯原生实现,无需任何依赖
目录结构
simple-calculator-web/
├── index.html # 页面结构
├── style.css # 样式表
├── script.js # 计算逻辑
└── README.md # 说明文档
使用方法
- 下载或克隆本项目到本地。
- 直接用浏览器打开
index.html即可使用。 - 或者使用任意静态服务器托管:
# 使用 Python 内置服务器
python -m http.server 8000
# 或使用 Node.js 的 http-server
npx http-server
然后在浏览器访问 http://localhost:8000。
操作说明
| 按键 | 功能 |
|---|---|
| 0-9 | 输入数字 |
| + | 加法 |
| − | 减法 |
| × | 乘法 |
| ÷ | 除法 |
| = | 计算结果 |
| C | 清除全部 |
技术栈
- HTML5
- CSS3(Grid 布局 + 渐变 + 过渡动画)
- 原生 JavaScript(ES6+)
浏览器兼容性
支持所有现代浏览器(Chrome、Firefox、Safari、Edge)。
License
MIT
Languages
JavaScript
45.9%
CSS
28.7%
HTML
25.4%