JavaScript制作标准计算器

JavaScript 计算器

昨天由于一些客观事情没能及时发布，今天把它发布出来

这是一个使用JavaScript制作的一个简易计算器，实现计算器的基础功能！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript计算器</title>
</head>

<script language="JavaScript">
var baseoper;
var digitstate;
var num1;
var operstate;

function setStartState()
{
     digitstate="beempty";
     num1=0;
     baseoper="beempty";
     operstate=false;

}
function add(i)
{
     if(operstate)
     {
        cal.total.value=i;
        operstate=false;
     }
     else
     {
         if(cal.total.value=="0")
         {
             cal.total.value=i;
             digistate="bein";
         }
         else
         cal.total.value+=i;
     }
}
function cleartext()
{
     cal.total.value="0";
     digitstate="beempty";
     basestate="beempty"
}

function count()
{
     if(baseoper!="beempty")
     {
         switch(baseoper)
         {
             case"+":
             num1=parseFloat(num1)+parseFloat(cal.total.value);
             break;
             case"-":
             num1=parseFloat(num1)-parseFloat(cal.total.value);
             break;
             case"*":
             num1=parseFloat(num1)*parseFloat(cal.total.value);
             break;
             case"/":
             num1=parseFloat(num1)/parseFloat(cal.total.value);
             break;
         }
         preoper=true;
         cal.total.value=num1;
     }
     baseoper="beempty";
}
function useFunc(func)
{
     switch(func)
     {
         case"sin":
         cal.total.value=Math.sin(cal.total.value);
         break;
         case"cos":
         cal.total.value=Math.cos(cal.total.value);
         break;
         case"asin":
         cal.total.value=Math.asin(cal.total.value);
         break;
         case"acos":
         cal.total.value=Math.acos(cal.total.value);
         break;
         case"tan":
         cal.total.value=Math.tan(cal.total.value);
         break;
         case"atan":
         cal.total.value=Math.atan(cal.total.value);
         break;
         case"log":
         cal.total.value=Math.log(cal.total.value);
         break;
         case"exp":
         cal.total.value=Math.exp(cal.total.value);
         break;
         case"sqrt":
         cal.total.value=Math.sqrt(cal.total.value);
         break;
         case"1/x":
         cal.total.value=1/cal.total.value;
         break;
     }
     operstate=true;
}
function addPoint()
{
     if(digitstate=="bein"||digitstate=="beempty")
     {
         cal.total.value+=".";
         digistate="befloat";
     }
}
function setOper(oper)
{
     operstate=true;
     if(baseoper=="beempty")
     {
      num1=0+cal.total.value;
      baseoper=oper;
     }
     else
     {
       count();
       baseoper=oper;
     }
}

         </script>
<body οnlοad="setStartState()">
<font size=6> JavaScript计算器</font>
　                                              
<form name="cal">
<table border="5" align="left" bordercolor="#FFCCFF">
<tr align="center">
<td colspan="6">
<input type="Text" name="total" size="25" value="0">
</td>
</tr>

<tr align="center">
<td><input type="Button" value="sin" οnclick="useFunc('sin')"></td>
<td><input type="Button" value="cos" οnclick="useFunc('cos')"></td>
<td><input type="Button" value="1" οnclick="add('1')"></td>
<td><input type="Button" value="2" οnclick="add('2')"></td>
<td><input type="Button" value="3" οnclick="add('3')"></td>
<td><input type="Button" value="+" οnclick="setOper('+')"></td>
</tr>

<tr align="center">
<td><input type="Button" value="asin" οnclick="useFunc('asin')"></td>
<td><input type="Button" value="acos" οnclick="useFunc('acos')"></td>
<td><input type="Button" value="4" οnclick="add('4')"></td>
<td><input type="Button" value="5" οnclick="add('5')"></td>
<td><input type="Button" value="6" οnclick="add('6')"></td>
<td><input type="Button" value="-" οnclick="setOper('-')"></td>
</tr>

<tr align="center">
<td><input type="Button" value="tan" οnclick="useFunc('tan')"></td>
<td><input type="Button" value="atan" οnclick="useFunc('atan')"></td>
<td><input type="Button" value="7" οnclick="add('7')"></td>
<td><input type="Button" value="8" οnclick="add('8')"></td>
<td><input type="Button" value="9" οnclick="add('9')"></td>
<td><input type="Button" value="*" οnclick="setOper('*')"></td>
</tr>

<tr align="center">
<td><input type="Button" value="log" οnclick="useFunc('log')"></td>
<td><input type="Button" value="exp" οnclick="useFunc('exp')"></td>
<td><input type="Button" value="0" οnclick="add('0')"></td>
<td><input type="Button" value="." οnclick="addPoint()"></td>
<td><input type="Button" value="=" οnclick="count()"></td>
<td><input type="Button" value="/" οnclick="setOper('/')"></td>
</tr>

<tr align="center">
<td><input type="Button" value="sqrt" οnclick="useFunc('sqrt')">
<td><input type="Button" value="1/x" οnclick="useFunc('1/x')">
<td><input type="Button" value="pi" οnclick="cal.total.value=Math.PI"></td>
<td><input type="Button" value="E" οnclick="cal.total.value=Math.E"></td>
<td colspan=2><input type="Button" value="清除" οnclick="cleartext()"></td>
</tr>

</table>
</form>
</body>
</html>

JavaScript制作标准计算器相关推荐

JavaScript制作网页计算器
JavaScript制作网页计算器 <!DOCTYPE html> <html lang="en"> <head><meta charse ...
html js制作计算器,JavaScript制作简易计算器
.button { width: 55px; height: 20px; } 购物简易计算器第一个数第二个数计算结果 var num_1=document.getElementById(&quo ...
基于JavaScript实现网页计算器
基于JavaScript的网页计算器基于HTML.CSS.JavaScript制作的网页计算器,其中可以实现加.减.乘.除.取整.求余.阶乘.科学计数等功能界面如下: 代码如下: 有兴趣的朋友欢迎 ...
html怎么实现计算bmi,利用Javascript实现BMI计算器
前言 BMI指数(英文为Body Mass Index),是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准,当我们需要比较及分析一个人的体重对于不同高度的人所带来的健康影响时,BMI值是一个中 ...
Python制作简易计算器(GUI)---Tkinter
Python制作简易计算器(GUI)---Tkinter Tkinter简介 Tkinter 与 PyQt5 的比较 Tkinter PyQt5 项目展示导入模块函数封装 1. 运算公式的拼接与展 ...
java浮动广告_[Java教程]JavaScript制作浮动广告_星空网
JavaScript制作浮动广告 2012-12-29 0 如果有一定的JavaScript基础,制作浮动广告还是比较容易的.直接上代码了: 无标题文档 *{ margin:0; padding:0; ...
使用JavaScript制作动态网页-1
使用JavaScript制作动态网页-1 JavaScript是什么 JavaScript是一种描述语言,基于对象和事件驱动的脚本语言. 1. JavaScript的特点脚本语言(一种轻量级的编程 ...
【HTML③】JavaScript基础、使用JavaScript制作网页特效、使用前端库及UI框架快速开发
[HTML③]JavaScript基础.使用JavaScript制作网页特效.使用前端库及UI框架快速开发八.JavaScript基础 1.JavaScript JavaScript简称JS是用于制 ...
Java GUI图形编程使用awt和swing 制作简易计算器的工具包含源码和讲解 / java练习项目
系列文章目录提示:阅读本章之前,请先阅读目录文章目录系列文章目录前言一.常规配置 1. 设置窗口大小 2. 获取当前屏幕的尺寸 3. 窗口居中 4. 设置窗口名称 5. 添加监听器,关闭窗口 ...
怎么用python自制计算公式_手把手教你用python制作简易计算器，能够记录你使用的情况...
话不多说,首先先看效果图,它能够记录你在使用过程中的历史,方便你查看是否有错: 接下来就仔细分析一下是如何制作的: 简易计算器第一步:导入资源库在过程中使用到了tkinter这个资源库,win+R ...

JavaScript制作标准计算器

JavaScript制作标准计算器相关推荐

最新文章

热门文章