简单的计算器代码

作为初学者能写出一个简单的程序再开心不过了。下面小编给大家介绍一个简单的计算器代码程序。

#box{width: 295px; margin: 0 auto; text-align: justify; border: 1px solid #ddd; padding: 15px;}

.d_num{display: inline-block; margin:  10px; width: 33px; height: 30px; border: 1px solid #ddd; text-align: center; line-height: 30px; cursor: pointer;}

.sum{margin: 0 10px 10px; line-height: 30px; font-size: 20px;}

#sum{width: 205px; height: 30px; padding: 0 5px; margin-left: 5px; font-size: 20px;}

#process{width: 255px; height: 30px; padding: 0 5px; margin-left: 5px; font-size: 20px;}

SUM:

1 2 3 <- C

4 5 6 * /

7 8 9 + -

0 00 . % =

var $box = document.getElementById('box');

var $sum = document.getElementById('sum');

var $process = document.getElementById('process');

var sum = 0, process = '', num1 = '', num2 = '', temp = '', statu = false;

$box.onclick = function(e){

var event = window.event || e;

var ele = event.srcElement || event.target;

var _className = ele.className;

if(_className == 'd_num'){

var num = ele.getAttribute('data-num');//点击的.按钮对应的值

var NotNum = isNaN(num);

if(!NotNum || num == '.'){ //点击了数字

if(!statu){ //还没点击过符号

if(num1 == '0'){

num1 = '';

}

num1 += num;

process = num1;

}else{ //已经点击过符号

if(num2 == '0'){

num2 = '';

}

num2 += num;

process = num1 + temp + num2;

}

$process.value = process;

}

else{ //点击了符号

if(num1 == ''){//非法操作

return false;

}

if(num == 'C'){//归零

num1 = '';

num2 = '';

process = '';

temp = '';

sum = '';

$process.value = '0';

$sum.value = '0';

更多相关文章推荐:

计算机计算公式代码,简单的计算器代码相关推荐

  1. 用C语言实现一个简单的计算器代码

    #include <stdio.h> #include <math.h> #include <stdlib.h> //预处理指令 int main(void) {d ...

  2. html网页加减乘除代码,html+js实现简单的计算器代码(加减乘除)

    html+js实现简单的计算器代码(加减乘除) function setOp(op, opTips) { var tb=document.getElementById("tb_calc&qu ...

  3. 静态html加减乘除计算器代码,html+js实现简单的计算器代码(加减乘除)

    下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除).小编觉得挺不错的,现在就分享给大家,也给大家做个参考. html+js实现简单的计算器代码(加减乘除) function set ...

  4. js装修计算器java代码_用js编写的简单的计算器代码程序

    最近编写的一个简单的计算器代码程序,先给大家展示一下 分享代码如下 #box{width: 295px; margin: 0 auto; text-align: justify; border: 1p ...

  5. 计算机自带的科学计算器代码,[置顶] 科学计算器(简化版:基于MFC对话框)

    科学计算器(简化版) 最终界面: 全部源代码下载地址: 链接: http://download.csdn.net/detail/u012339743/8198227 详细编写过程: 1.    打开V ...

  6. c语言简单整数计算器代码,用c语言实现一个简单的计算器(数据结构)

    概要:主要以c语言为例对数据结构中写一个简易的计算器(计算整数间加减乘除括号运算)的算法进行大致讲述,细说如何去实现符号优先级的比较的函数实现. 注:由于编辑器缘故,本文内我以小写x代替了*作为乘号 ...

  7. python简单代码加法-Python tkinter实现简单加法计算器代码实例

    tkinter 是 Python 的标准 GUI 库.Python 使用 tkinter 可以快速的创建 GUI 应用程序.由于 tkinter 是内置到 python 的安装包中.只要安装好 Pyt ...

  8. python实现一个简单的加法计算器_Python tkinter实现简单加法计算器代码实例

    tkinter 是 Python 的标准 GUI 库.Python 使用 tkinter 可以快速的创建 GUI 应用程序.由于 tkinter 是内置到 python 的安装包中.只要安装好 Pyt ...

  9. java 编码 正弦计算器_Java 简单功能计算器代码

    带界面的计算机: JAVA编写. package com.ALiangJie.Calculator; import javax.swing.*; import java.awt.*; import j ...

  10. Java实现简单的计算器代码

    package com.wyj.method;import java.util.Scanner;public class calculator {public static void main(Str ...

最新文章

  1. 使用 jetty-maven-plugin发布maven项目
  2. mysql5.7多实例安装_MySQL数据库5.7多实例安装
  3. boost::pfr模块编写自己的 io-manipulator 进行打印的测试程序
  4. JQuery课堂学习笔记
  5. wordpress的手动更新
  6. Reptile:requests + Xpath 爬取段子网的段子
  7. c语言选择法排序案例,谁能给我一个c语言选择排序法的简单例子
  8. Linux下使用ntpdate进行时间同步
  9. JavaScript脚本语言介绍并实现第一个Hello World程序
  10. Ubuntu Server 使用 PPA 安装 Java (JDK) 8
  11. 电子设计教程42:限流软启动电路
  12. 酷客多荣获“2018年度中国最具创新力小程序品牌”奖
  13. Windows 11中Edge选单看不清显示异常的解决办法
  14. 药品的泡罩包装技术介绍
  15. 企业微信为何出现信息发不出去的情况
  16. 恢复快速启动栏显示桌面按钮
  17. 给ubuntu服务器文件创建Url下载链接
  18. 图解java链表基本操作篇一(头插法和尾插法)
  19. win32 c语言创建线程,【原创】win32线程及线程内核对象
  20. jacob操作word excel 将word excel转换成网页形式

热门文章

  1. 统计通话次数和时间的软件_通话时间统计官方版
  2. 环境配置之:pip 一步到位解决 pytorch-gpu 安装
  3. 爱客影视 程序存在文件写入漏洞 分析
  4. python处理wrf气象数据_气象数据处理:NetCDF文件处理
  5. webstorm破解码
  6. smartadmin_smartadmin 下载_smartadmin 官网
  7. VS2015的下载地址和安装教程
  8. 利用百度地图获取行政区边界的经纬度信息
  9. 海康相机IP搜索协议研究
  10. 大数据技术原理与应用——期末复习