用javascript编写的简单计算器

老师布置的任务,弄了一天,总算把代码搞出来了,作为菜鸟给自己一点小掌声,传说中JS是很简单的,但是要写出一个程序真的很需要锻炼,我的锻炼实在是太少了,天天DOTA中。呵呵(做了些小注释)大家应该能看懂吧(没注释的程序我不喜欢)

希望看过的人给点建议。另外eval_r改为eval,共4处(不知道为什么保存后会出现这种情况)

<html>
<head>
<title>网页计算器byWillikan</title>
  <meta name="Willikan">
</head>
<body>
<script language="JavaScript">
<!-- Hide the script from old browsers --
var A=""  //存放第一操作数
var B=""  //存放第二操作数
var X=""  //存放符号
var C=""  //存放结果
var i=0    //判断是第几个操作数
var j=0   //判断第一操作数是否先前的结果
var k=0  //判断等于号运算规则
var l=0 //第二操作数前的置0标志
function enter(obj,string)//输入字符方法
{if(j==1&&l==1)  //根据J值判定结果作为第一操作数,清空输入第二操作数
 {obj.expr.value=""}
 if(i==0)  //根据i值判定输入的是第一操作数
   {obj.expr.value += string
     A=0
     j=0
   }
 else //否则是第二操作数,清空输入
    {
      obj.expr.value=obj.expr.value+string
      B=obj.expr.value
      A=A+string
      l=0
    }
}

function enterS(obj,string)//符号输入函数"+-*/%"
{A=obj.expr.value //A获得第一操作数
      A+=string  //A再获得符号
      X=string  //X获得符号
      i=1  //改变后标志其后的操作数必为第二操作数
      j=1 //结果为第一操作数
      k=1//继续使用X和第二操作数的标志。一直按‘"="的情况
      l=1
}

function enterS1(obj)//符号为开根号的函数
{A=obj.expr.value
  var t=Math.sqrt(parseInt(A))
  obj.expr.value=t
 }

function enterS2(obj)//符号为平方的函数
{A=obj.expr.value
  var t=Math.pow(parseInt(A),2)
 obj.expr.value=t
}

function enterS3(obj)//解决正负号的函数
{A=obj.expr.value
  var t=0-parseInt(A)
 obj.expr.value=t
}

function enterS4(obj)//C退格的使用

{var a=obj.expr.value.split("")

obj.expr.value=""

for(var i=0;i<a.length-1;i++)

{obj.expr.value+=a[i]}
}

function compute(obj)//等于号的执行
   {if(k==0)
      {A=C+X+B
        obj.expr.value=eval_r(A)//eval函数直接将字符窜进行数值化计算
        C=eval_r(A)
        }
    else
       {obj.expr.value = eval_r(A)
        C=eval_r(A)
        k=0
      }
    }

function clearP(obj) //清空函数,用于C或CE
   { obj.expr.value = ""
      i=0
      j=0
      k=0
   }

</script>
<center>
<form name="calc">
<table border=1 algin="center">

<tr><td colspan=3><input type="text" name="expr" size=30 action="compute(this.form)">
<td><input type="button" value="  C  "  onClick="enterS4(this.form)">
<td><input type="button" value="   CE  " onClick="clearP(this.form)">

<tr><td><input type="button" value="  7  " onClick="enter(this.form, ‘7‘)">
<td><input type="button" value="  8  " onClick="enter(this.form, ‘8‘)">
<td><input type="button" value="  9  " onClick="enter(this.form, ‘9‘)">
<td><input type="button" value="  /  "  onClick="enterS(this.form, ‘/‘)">
<td><input type="button" value=" sqrt  " onClick="enterS1(this.form)">

<tr><td><input type="button" value="  4  " onClick="enter(this.form, ‘4‘)">
<td><input type="button" value="  5  " onClick="enter(this.form, ‘5‘)">
<td><input type="button" value="  6  " onClick="enter(this.form, ‘6‘)">
<td><input type="button" value="  *  " onClick="enterS(this.form, ‘*‘)">
<td><input type="button" value="  sqr  " onClick="enterS2(this.form)">

<tr><td><input type="button" value="  1  " onClick="enter(this.form, ‘1‘)">
<td><input type="button" value="  2  " onClick="enter(this.form, ‘2‘)">
<td><input type="button" value="  3  " onClick="enter(this.form, ‘3‘)">
<td><input type="button" value="  -  " onClick="enterS(this.form, ‘-‘)">
<td><input type="button" value="   %   " onClick="enterS(this.form, ‘%‘)">

<tr><td><input type="button" value="  0  "  onClick="enter(this.form, ‘0‘)">
<td><input type="button" value=" +/- " onClick="enterS3(this.form)">
<td><input type="button" value="  .  "onClick="enter(this.form, ‘.‘)">
<td><input type="button" value="  +  " onClick="enterS(this.form, ‘+‘)">
<td><input type="button" value="   =   " onClick="compute(this.form)">

</table>

</form>
</center>
</body>
</html>

时间: 2024-10-22 02:47:53

用javascript编写的简单计算器的相关文章

《java小应用程序(Applet)和java应用程序(Application)分别编写的简单计算器》

Application和Java Applet的区别.Java语言是一种半编译半解释的语言.Java的用户程序分为两类:Java Application和Java Applet.这两类程序在组成结构和执行机制上都有一定的差异,主要体现在以下几方面:(1)运行方式不同.Java Application是完整的程序,可以独立运行:Java Applet程序不能单独运行, 它必须嵌入到用HTML语言编写的Web页面中,通过与Java兼容的浏览器来控制执行.(2)运行工具不同.Java Applicat

JavaScript 编写的简易计算器

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>javascript 简单计算器</title> <script> //定义全局变量 var one="1"; var two="2&quo

JAVA编写的简单计算器

package com.hellojava.practice.test; import java.awt.BorderLayout; import java.awt.GridLayout; import java.awt.Panel; import java.awt.TextField; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.JButton; impo

Python编写一个简单计算器

一个计算器最主要的功能是加减乘除,那么用 Python 可以怎样实现呢 #!/usr/bin/env python # -*- coding:utf-8 -*- # @Time : 2018/1/22 22:29 # @Author : zhouyuyao # @File : daemonCalculator.py # PyCharm 2017.3.2 (Community Edition) # Build #PC-173.4127.16, built on December 19, 2017

java面向对象编写的简单计算器

package com.gg.test; import java.util.Scanner; public class figure { public static void main(String[] args) { Math math=new Math(); @SuppressWarnings("resource") Scanner scanner =new Scanner(System.in); System.out.println("请输入第一个数!!!:\n&quo

js编写当天简单日历

之前一直很想用javascript写一个日历,但是因为完全没有好的思路, 所以迟迟没有尝试.最近在网上刚好看到用javascript编写的简单日历的例子,代码量虽然不大, 但是我觉得很好地阐述了js日历的实现原理.自己也尝试着做了一下,收获蛮大,掌握了基本的实现原理后,再想增加更多的功能,完全就可以自由发挥了,先在这里分享一下吧,有兴趣的可以试试! 一.表格行数问题 既然要显示日期表格的话,首先得知道这个表格有多少行多少列,列数是已经确定的,从星期天(日历上第1列是星期天)到星期六一共7列.要解

javascript简单计算器实践

参考部分资料,编写一个简单的计算器案例,虽然完成了正常需求,但是也有不满之处,待后续实力提升后再来补充,先把不足之处列出: 1:本来打算只要打开页面,计算器的输入框会显示一个默认为0的状态,但是在输入框加入默认显示为0的时候,选择数据输入时,该0会显示输入数字的前面,例如”0123“,由于能力有限,待后续实力提升再来补充完善! 2:目前只能实现鼠标控制选择按钮,待完善键盘录入功能. 3:乘法的那个符号在本来想改成”ד这个符号的,待后续完善. 附图片一张: html部分: 1 <!DOCTYPE

javascript简单计算器代码分析

javascript简单计算器代码分析:也许网页中需要一个简单的计算器功能,这个时候就要掌握如何编写,起码应该会修改,下面就通过一个简单的实例介绍一下如何实现简单的计算器效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/&

Javascript 实现简单计算器实例代码

Javascript 实现简单计算器实例代码 这篇文章主要介绍了Javascript 实现简单计算器实例代码的相关资料,需要的朋友可以参考下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63