您的位置：360文档中心› html js实现简单的计算器代码(加减乘除)

html js实现简单的计算器代码(加减乘除)

html js实现简单的计算器代码(加减乘除)
html js实现简单的计算器代码(加减乘除)

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

html+js实现简单的计算器代码(加减乘除)

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

</head>

<body>

<table>

  <tr>

   <td><input type="button" value="add"   onclick="setOp('+', 'add');"/></td>

   <td><input type="button" value="miner" onclick="setOp('-', 'miner');"/></td>

   <td><input type="button" value="times" onclick="setOp('*', 'times');"/></td>

   <td><input type="button" value="divide" onclick="setOp('/', 'divide');"/></td>

  </tr>

</table>

<table id="tb_calc" style="display:none;">

   <tr>

    <td> <input id="x" type="text" style="width:100px" value="" name="x" /></td>

    <td> <lable id="op" name="op"></lable> </td>

    <td> <input id="y" type="text" style="width:100px" value="" name="y" /> </td>

    <td> <input id="opTips" type="button" value="" onclick="calc();"/> </td>

    <td> <lable id="z" name="z"></lable> </td>

  </tr>

</table>

<script type="application/javascript">

  function setOp(op, opTips)

  {

    var tb=document.getElementById("tb_calc");

    tb.style.display = "none";

    document.getElementById("x").value = ""; 

    document.getElementById("y").value = ""; 

    document.getElementById("z").innerText = ""; 

    document.getElementById("op").innerText = op;

    document.getElementById("opTips").value = opTips;

    tb.style.display = "block";

  }

  function calc()

  {

    var x = parseInt(document.getElementById("x").value); 

    var y = parseInt(document.getElementById("y").value);

    var op = document.getElementById("op").innerText;

    var z = "";

    switch(op)

    {

      case '+':

        z = x + y;

        break;

      case '-':

        z = x - y;

        break;

      case '*': ;

        z = x * y;

        break;

      case '/': ;

        z = x / y;

        break;

      default:

        z = '';

    }

    console.log(x, op, y, '=', z);

    document.getElementById("z").innerText = z;

  }

</script>

</body>

</html>

以上这篇html+js实现简单的计算器代码(加减乘除)就是小编分享给大家的全部内容了，希望能给大家一个参考

java简单计算器源代码

简单计算器代码 package calcultorthree; import java.awt.BorderLayout;//导入边界布局管理器类 import java.awt.GridLayout;//导入网格布局管理器类 import java.awt.TextField;//导入文本区域类 import java.awt.event.ActionEvent;//导入事件类 import java.awt.event.ActionListener;//导入事件监听者类 import javax.swing.JButton;//导入按钮类 import javax.swing.JFrame;//导入窗体 import javax.swing.JPanel;//导入面板 /** *本例实现了简单计算器代码，具备加减乘除和正弦功能，旨在抱砖引玉。熟悉java的同学，可以在此基础上实现更复杂的功能。 * @author Fjsh */ public class CalcultorThree { //新建对象，在构造函数中进行初始化 JFrame frame;//新建窗体对象 JButton buttonzero,buttondot,buttonequal;//新建按钮“0”“.”“=” JButton buttonplus,buttonminus,buttonmultiple,buttondevision, buttonsin,buttontozero;//新建按钮“+”“-”“*”“/”“sin”和归零按钮JButton buttonone,buttontwo,buttonthree,buttonfour,buttonfive,buttonsix, buttonseven,buttoneight,buttonnine;//新建数字按钮“0”“1”“2”“3”“4”“5”“6”“7”“8”“9” JPanel panelwest,panelcenter,paneleast;//新建三个面板 TextField tf;//新建文本区域对象 public CalcultorThree(){ //初始化对象 tf=new TextField(30);//构造空文本字段，字符宽度为30 frame =new JFrame("CalculatorThree");//构造窗体对象，名称为“CalculatorThree”

C语言课程设计 简单计算器程序

课程设计名称：C语言课程设计课程设计题目：简单计算器程序

目录 第1章需求分析 (1) 1.1设计要求 (1) 1.2任务 (1) 第2章总体设计 (2) 2.1设计简介及设计方案论述 (2) 2.2功能模块层次图 (2) 第3章详细设计 (3) 3.3由（后缀）逆波兰表达式计算中缀表达式原理 (8) 3.3.1算法描述 (8) 第4章调试分析 (10) 4.1程序设计中所遇到的错误及犯错的原因 (10) 4.2错误的解决方法 (10) 第5章用户手册 (11) 总结 (15) 参考文献 (16) 附录（程序清单） (17)

第1章需求分析 1.1 设计要求 （1）用 C 语言数据结构实现程序设计； （2）利用结构体、栈、进行相关信息处理； （2）系统的各个功能模块要求用函数的形式实现； （4）界面简单，可操作性高。 1.2任务 （1）定义一个结构体类型数组，输入0~9 及+、--、*等符号的信息，将其信息存储起来； （2）输入简单的加减乘除算术计算式，并在屏幕上显示逆波兰（后缀式）表达式和计算结果； （3）编写代码； （4）程序分析与调试。 说明： 本课程设计将实现一个简单计算器。在功能上尽量模仿windows 的计算器。系统界面不做牵制要求。该程序能实现标准型中+、-、*、/、（、）、.、的混合运算表达式（一般意义上的中缀表达式），将其转换成逆序波兰表达式（后缀表达式）并计算输出结果。在进行运算后可以选择继续运算或者结束当前运算。即时准确地获得需要的计算的结果，充分降低了数字计算的难度和节约了时间，对人们的生活有一定的帮助。

第2章 总体设计 2.1设计简介及设计方案论述 逆波兰表达式又叫做后缀表达式。在通常的表达式中，二元运算符总是置于与之相 关的两个运算对象之间，所以，这种表示法也称为中缀表达式。波兰逻辑学家 J.Lukasiewicz 于 1929 年提出了另一种表示表达式的方法。按此方法，每一运算符都置 于其运算对象之后，故称为后缀表达式。 后缀表达式的优点是显而易见的， 编译器在处理时候按照从左至右的顺序读取逆波 兰表达式，遇到运算对象直接压入堆栈，遇到运算符就从堆栈提取后进的两个对象进行计算，这个过程正好符合了计算机计算的原理。后缀表达式比前缀表达式更加易于转换，并且它的最左面一定为数字，这一点在实 际编程的时候就会体会到它的好处了。 逆波兰表达式有一个更大的优点，就是拆括号，根据运算符的级别将中缀表达式转 换成逆波兰表达式后，运算顺序就已经替代了运算符的级别，这样也避免了括号提高运 算级别的特殊处理。 2.2功能模块层次图 将算术表达式转化为逆波兰表达式 计算逆波兰表达式的值 简单计算器 表 达 式 格 式 转 换 系统 求 值 计 算 系 统

简易计算器的实现(JSP)

用JSP编写的一个简易计算器实现代码如下： <%@ page contentType="text/html;charset=gb2312"%>

简易计算器

<% //接收第一个数 String num1=request.getParameter("numb1"); //接收第二个数 String num2=request.getParameter("numb2");

//接收运算符号 String oper=request.getParameter("op"); Double dnum1=0.0; Double dnum2=0.0; Double result=0.0; //java中String -> int if(num1!=null&&num2!=null&&oper!=null) { dnum1=Double.parseDouble(num1); dnum2=Double.parseDouble(num2); //计算 if(oper.equals("+")) { //加 result=dnum1+dnum2; } else if(oper.equals("-")) { //减 result=dnum1-dnum2; } else if(oper.equals("×")) { //乘 result=dnum1*dnum2; } else { //除 result=dnum1/dnum2; } } %>

请输入第一个数: 请输入第二个数: 请选择运算符：

2018计算器代码

Dim pre, cur, kzf, pi As Double Dim ysf As String Private Sub Command1_Click(Index As Integer) If ysf = "" Then Text1.Text = Text1.Text & Command1(Index).Caption Else kzf = kzf + 1 If kzf = 1 Then Text1.Text = "" Text1.Text = Text1.Text & Command1(Index).Caption Else Text1.Text = Text1.Text & Command1(Index).Caption End If End If End Sub Private Sub Command10_Click() cur = Val(Text1.Text) cur = Int(cur) pre = 0 For i = 1 To cur pre = pre + i ^ 3 Next i Text1.Text = pre cur = pre End Sub Private Sub Command11_Click() cur = Val(Text1.Text) cur = Sin(cur * pi / 180) Text1.Text = cur End Sub Private Sub Command12_Click() cur = Val(Text1.Text) If cur > 0 Then cur = Log(cur) Text1.Text = cur Else Text1.Text = "请输入大于零的数" End If End Sub

大学计算机c语言计算器源代码

C++语言编写。。 #include #include #include using namespace std; const double pi = 3.14159265; const double e = 2.718281828459; const int SIZE = 1000; typedef struct node//为了处理符号而建立的链表(如: 1+(-2)) { char data; node *next; }node; typedef struct stack_num//存储数的栈 { double *top; double *base; }stack_num; typedef struct stack_char//存储运算符号的栈 { char *top;

char *base; }stack_char; stack_num S_num;//定义 stack_char S_char;//定义 char fu[18] = {'\n', ')', '+', '-', '*', '/', '%', '^', 'Q', 'L', 'C', 'S', 'T', 'c', 's', 't', '('}; int compare[1000];//表现出各运算符号的优先级 double shu[1000];//存储"数"的数组 double dai_result;//运算的结果，是为了处理M运算(简介函数里有M的定义) int biao = 0;//和dia_result一样，为了处理M运算 char line[SIZE];//输入的所要计算的表达式 void init()//初始化 { compare[fu[0]] = -2;//用数字的大小表现出符号的优先级 compare[fu[1]] = -1; compare[fu[2]] = 2; compare[fu[3]] = 2; compare[fu[4]] = 4; compare[fu[5]] = 4; compare[fu[6]] = 4;

简单的四则运算计算器程序

简单的四则运算计算器程序

注：1、报告内的项目或内容设置，可根据实际情况加以调整和补充。 2、教师批改学生实验报告时间应在学生提交实验报告时间后10日内。

附件：程序源代码 // sizheyunsuan.cpp : Defines the entry point for the console application. #include #include const int MAX=100; class Operand{ private: double operS; public: Operand(){} Operand(double opers){ operS=opers; } void set(double opers){ operS=opers; } double get() { return operS;} }; class Operator{ private: char operF; int priority; public: Operator(){} Operator(char operf) { operF=operf; switch(operf) { case'(':priority=-1;break; case'+':priority=0;break; case'-':priority=0;break; case'*':priority=1;break; case'/':priority=1;break; case')':priority=2;break; } } void set(char operf){ operF=operf; } char get(){ return operF;} int getpriority(){ return priority; } };

HTML5+css+JavaScript进行四则运算简易计算器(用按钮实现)

HTML5+JavaScript： js简易计算器

/* 动画所用图片元素，可自行更换*/

单片机简易计算器设计

单片机简易计算器设计 Company Document number：WTUT-WT88Y-W8BBGB-BWYTT-19998

一、设计要求 1．设计4*4的键盘，其中10个数字键0~9，其余6个为“+”“-”“*”“/”“=”和“C” 2．设计2位LED接口电路 3．实现1位数的简单运算 二、硬件系统设计 1、LED接口电路 简易计算器需要2位8段码LED显示电路。用8031单片机经8255A扩展2位8段码LED显示器，用8255A的A口作为段码（字形代码）数据口，PB0和PB1作为位控制端口。在位控制口加集电极开路的反相高压驱动器74LS06以提供驱动LED显示器所需的足够大的电流，然后接至各数码显示器的共阴极端。同理，在段码数据口集电极开路的正相高压驱动器74LS07提供足够大的电流，然后接到数码显示器的各段。逻辑电路结构如下：

2、键盘接口电路 简易计算器需要4*4的行列式键盘。用8031单片机经8255A扩展4*4行列式键盘，8255A的B口和C口用于扩展键盘接口，B口高4位作为输出口，C口低4位作为输入口。逻辑电路结构如下： 3、计算器逻辑电路图 将LED接口电路和键盘接口电路结合到一起就是简易计算器的逻辑电路图，如下： 三、软件设计 1、LED显示程序设计 LED显示器由七段发光二极管组成，排列成8字形状，因此也成为七段LED显示器，器排列形状如下图所示：

为了显示数字或符号，要为LED显示器提供代码，即字形代码。七段发光二极管，再加上一个小数点位，共计8段，因此提供的字形代码的长度正好是一个字节。简易计算器用到的数字0~9的共阴极字形代码如下表： 0~9七段数码管共阴级字形代码 2位LED显示的程序框图如下： 2、读键输入程序设计 为了实现键盘的数据输入功能和命令处理功能，每个键都有其处理子程序，为此每个键都对应一个码——键码。为了得到被按键的键码，现使用行扫描法识别按键。其程序框图如下： 3、主程序设计 （1）数值送显示缓冲程序设计 简易计算器所显示的数值最大位两位。要显示数值，先判断数值正负，如果是负值，则符号位显示“-”，然后将数值除以10，余数送显最最低位，判断商是否为0，若为0则返回，若不为0，则将商除以10，将余数送显高位。程序框图如下： （2）运算主程序设计

java编写的简单的计算器程序

计算器 项目内容：编写一个Applet，模仿windows附件所带计算器的功能，可以帮助用户完成计算功能，具体如下图所示。 项目要求：使用图形的方式借助窗口、菜单、按钮等标准界面元素和鼠标操作，来帮助用户方便地向计算机系统发出命令，启动操作，并将系统运行的结果同样以图形的方式显示给用户，这样更加直观和生动； 1.Applet容器中组件的添加与设置，包括面板以及菜单的使用； 2.容器中组件的布局管理； 3.Java核心包中数组、数学计算类的使用； 4.异常的处理； 5.事件处理模型中的三类对象的使用： 1.Event-事件，用户对界面操作在java语言上的描述，以类的形式出现，例如键盘操作对应的事件类是KeyEvent。 2.Event Source-事件源，事件发生的场所，通常就是各个组件，例如按钮Button。 3.Event handler-事件处理者，接收事件对象并对其进行处理的对象。 6.程序中事件处理的流程：

1.计算流程的细化 参考代码： import .*;

import .*; import .*; import import import public class Calculator implements ActionListener { #############"); dd(panel); panel1 = new JPanel(); panel2 = new JPanel(); (new BorderLayout()); 键入计算的第一个数字。\n"); ("2. 单击“+”执行加、“-”执行减、“*”执行乘或“/”执行除。\n"); ("3. 键入计算的下一个数字。\n"); ("4. 输入所有剩余的运算符和数字。\n"); ("5. 单击“=”。\n"); aboutCal = new JMenuItem(" 关于计算器(A)"); (this);

使用js,css,html做的web版的计算器

jsq.html