jacascript编写的计算器（完整版)

最新推荐文章于 2024-01-14 17:36:20 发布
最新推荐文章于 2024-01-14 17:36:20 发布
阅读量386 收藏 2
点赞数
文章标签： button class function border input xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/daipengfei878412/article/details/7322450
版权
 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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 runat="server">
    <title></title>
    <style type="text/css">
<!--
body {font-family: helvetica}
p {font-size: 12pt}
.red {color: red}
.blue {color: blue}
-->
</style>

<SCRIPT LANGUAGE="JavaScript">
<!--    Begin
    var Memory = 0;
    var Number1 = "";
    var Number2 = "";
    var NewNumber = "blank";
    var opvalue = "";

    function Display(displaynumber) {
        document.calculator.answer.value = displaynumber;
    }

    function MemoryClear() {
        Memory = 0;
        document.calculator.mem.value = "";
    }

    function MemoryRecall(answer) {
        if (NewNumber != "blank") {
            Number2 += answer;
        } else {
            Number1 = answer;
        }
        NewNumber = "blank";
        Display(answer);
    }

    function MemorySubtract(answer) {
        Memory = Memory - eval(answer);
    }

    function MemoryAdd(answer) {
        Memory = Memory + eval(answer);
        document.calculator.mem.value = " M ";
        NewNumber = "blank";
    }

    function ClearCalc() {
        Number1 = "";
        Number2 = "";
        NewNumber = "blank";
        Display("");
    }

    function Backspace(answer) {
        answerlength = answer.length;
        answer = answer.substring(0, answerlength - 1);
        if (Number2 != "") {
            Number2 = answer.toString();
            Display(Number2);
        } else {
            Number1 = answer.toString();
            Display(Number1);
        }
    }

    function CECalc() {
        Number2 = "";
        NewNumber = "yes";
        Display("");
    }

    function CheckNumber(answer) {
        if (answer == ".") {
            Number = document.calculator.answer.value;
            if (Number.indexOf(".") != -1) {
                answer = "";
            }
        }
        if (NewNumber == "yes") {
            Number2 += answer;
            Display(Number2);
        }
        else {
            if (NewNumber == "blank") {
                Number1 = answer;
                Number2 = "";
                NewNumber = "no";
            }
            else {
                Number1 += answer;
            }
            Display(Number1);
        }
    }
    function AddButton(x) {
        if (x == 1) EqualButton();
        if (Number2 != "") {
            Number1 = parseFloat(Number1) + parseFloat(Number2);
        }
        NewNumber = "yes";
        opvalue = '+';
        Display(Number1);
    }
    function SubButton(x) {
        if (x == 1) EqualButton();
        if (Number2 != "") {
            Number1 = parseFloat(Number1) - parseFloat(Number2);
        }
        NewNumber = "yes";
        opvalue = '-';
        Display(Number1);
    }
    function MultButton(x) {
        if (x == 1) EqualButton();
        if (Number2 != "") {
            Number1 = parseFloat(Number1) * parseFloat(Number2);
        }
        NewNumber = "yes";
        opvalue = '*';
        Display(Number1);
    }
    function DivButton(x) {
        if (x == 1) EqualButton();
        if (Number2 != "") {
            Number1 = parseFloat(Number1) / parseFloat(Number2);
        }
        NewNumber = "yes";
        opvalue = '/';
        Display(Number1);
    }
    function SqrtButton() {
        Number1 = Math.sqrt(Number1);
        NewNumber = "blank";
        Display(Number1);
    }
    function PercentButton() {
        if (NewNumber != "blank") {
            Number2 *= .01;
            NewNumber = "blank";
            Display(Number2);
        }
    }
    function RecipButton() {
        Number1 = 1 / Number1;
        NewNumber = "blank";
        Display(Number1);
    }
    function NegateButton() {
        Number1 = parseFloat(-Number1);
        NewNumber = "no";
        Display(Number1);
    }
    function EqualButton() {
        if (opvalue == '+') AddButton(0);
        if (opvalue == '-') SubButton(0);
        if (opvalue == '*') MultButton(0);
        if (opvalue == '/') DivButton(0);
        Number2 = "";
        opvalue = "";
    }
//  End -->
</script>


</head>
<body>
    <center>
<form name="calculator">
<table bgcolor="#aaaaaa" width=220>
<tr><td>
<table bgcolor="#cccccc" border=1>
<tr><td>
<table border=0 cellpadding=0>
<tr><td>
<table width="100%" border=0>
<tr><td colspan=6><input type="text" name="answer" size=30 maxlength=30 onChange="CheckNumber(this.value)"></td></tr>
<tr><td colspan=6>
<table border=0 cellpadding=0>
<tr><td>
<input type="text" name="mem" size=3 maxlength=3> <input type="button" name="backspace" class="red" value="Backspace" onClick="Backspace(document.calculator.answer.value); return false;">
<input type="button" name="CE" class="red" value=" CE " onClick="CECalc(); return false;"> <input type="reset" name="C" class="red" value="  C  " onClick="ClearCalc(); return false;">
</td></tr>
</table>
</td></tr>
<tr><td><input type="button" name="MC" class="red" value=" MC " onClick="MemoryClear(); return false;"></td>
<td><input type="button" name="calc7" class="blue" value="  7  " onClick="CheckNumber('7'); return false;"></td>
<td><input type="button" name="calc8" class="blue" value="  8  " onClick="CheckNumber('8'); return false;"></td>
<td><input type="button" name="calc9" class="blue" value="  9  " onClick="CheckNumber('9'); return false;"></td>
<td><input type="button" name="divide" class="red" value="  /  " onClick="DivButton(1); return false;"></td>
<td><input type="button" name="sqrt" class="blue" value="sqrt" onClick="SqrtButton(); return false;"></td></tr>
<tr><td><input type="button" name="MR" class="red" value=" MR " onClick="MemoryRecall(Memory); return false;"></td>
<td><input type="button" name="calc4" class="blue" value="  4  " onClick="CheckNumber('4'); return false;"></td>
<td><input type="button" name="calc5" class="blue" value="  5  " onClick="CheckNumber('5'); return false;"></td>
<td><input type="button" name="calc6" class="blue" value="  6  " onClick="CheckNumber('6'); return false;"></td>
<td><input type="button" name="multiply" class="red" value="  *  " onClick="MultButton(1); return false;"></td>
<td><input type="button" name="percent" class="blue" value=" %  " onClick="PercentButton(); return false;"></td></tr>
<tr><td><input type="button" name="MS" class="red" value=" MS " onClick="MemorySubtract(document.calculator.answer.value); return false;"></td>
<td><input type="button" name="calc1" class="blue" value="  1  " onClick="CheckNumber('1'); return false;"></td>
<td><input type="button" name="calc2" class="blue" value="  2  " onClick="CheckNumber('2'); return false;"></td>
<td><input type="button" name="calc3" class="blue" value="  3  " onClick="CheckNumber('3'); return false;"></td>
<td><input type="button" name="minus" class="red" value="  -  " onClick="SubButton(1); return false;"></td>
<td><input type="button" name="recip" class="blue" value="1/x " onClick="RecipButton(); return false;"></td></tr>
<tr><td><input type="button" name="Mplus" class="red" value=" M+  " onClick="MemoryAdd(document.calculator.answer.value); return false;"></td>
<td><input type="button" name="calc0" class="blue" value="  0  " onClick="CheckNumber('0'); return false;"></td>
<td><input type="button" name="negate" class="blue" value="+/- " onClick="NegateButton(); return false;"></td>
<td><input type="button" name="dot" class="blue" value="  .   " onClick="CheckNumber('.'); return false;"></td>
<td><input type="button" name="plus" class="red" value=" +  " onClick="AddButton(1); return false;"></td>
<td><input type="button" name="equal" class="red" value="  =   " onClick="EqualButton(); return false;"></td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
</form>
</center>
</body>
</html>

代朋飞
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 实例：计算器
houyanhua1的专栏
11-07 646
计算器 function calcu(){ var num1=document.getElementById("text1").value; var num2=document.getElementById("text2").value; var num3=document.getElementById("text3"); if(num
JavaScript计算器网页版实现代码分享
10-21
JavaScript计算器网页版实现的核心在于利用JavaScript语言来处理用户在网页上的交互操作，如点击数字、运算符按钮等，实现计算逻辑。以下将详细介绍这个过程中的关键知识点： 1. **HTML结构**：首先，HTML用于构建...
JavaScript_计算器
丁世杰的博客
11-25 148
<!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" xml:lang="en"> <hea...
简单的JavaScript计算器
Yonggie的博客
04-29 357
带有enter键出结果， 可以直接复制粘贴。 <html> <head> </head> <title> calculator</title> <script src="jquery-3.3.1.min.js"> </script> <style> #container{ ...
java script 脚本的简易计算器
itearn的博客
03-22 1921
我是个初学者，有什么不足，希望各位大神给予指点，谢谢。
JavaScript：简易计算器（+、-、*、/）制作
Argonaut_的博客
04-10 1464
简易计算器前言 前言 <script> while (true) { var choice = parseInt(prompt('欢迎使用简易计算器：' + '\n' + '1.加法运算' + '\n' + '2.减法运算' + '\n' + '3.乘法运算' + '\n' + '4.除法运算' + '\n' + '5.退出' + '\n' + '请输
doomulator:用Javascript和Bootstrap编写的计算器
05-08
【标题】"doomulator:用Javascript和Bootstrap编写的计算器"揭示了这是一个使用两种核心技术——JavaScript和Bootstrap构建的项目。JavaScript是一种广泛应用于网页和网络应用的编程语言，它赋予了网页动态交互的...
js(javascript)编写的计算器
06-03
在这个示例中，我们有一个使用JavaScript编写的计算器应用。它遵循了现代Web开发的一些最佳实践，比如实现了行为与结构的分离。 行为与结构的分离是Web开发中的一个核心原则，它主张HTML负责内容的结构，CSS负责...
JSCalc:纯 Javascript 计算器
06-21
jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作、事件处理和动画效果，使得编写计算器的代码更加简洁高效。 **jQuery 应用** 在 `JSCalc-master` 压缩包中，可能包含一个或多个 jQuery 文件，如 `...
jacascript 设计模式
weixin_40220492的博客
12-15 160
jacascript 设计模式
JacaScript精粹(蝴蝶书小结)
Matrix
05-08 761
JavaScript: The Good Parts JacaScript精粹(小结) 1. Good Parts JavaScript 是面向浏览器的语言,运行的环境是浏览器; 操作的对象是HTML DOM(Document object type)的节点. Good Parts： 函数 基于词法作用域的顶级对象,第一个成为主流的lambda语言.披着C外衣的Lisp...
使用 JavaScript 创建一个计算器
最新发布
qq_66996090的博客
01-14 349
JavaScript 是一种广泛应用于网页开发的脚本语言，它具有灵活、动态和强大的特性。本文将演示如何使用 JavaScript 创建一个简单的计算器，并实现基本的加减乘除操作。
JavaScript实现计算器
wangshiyi13的博客
07-18 5383
使用JavaScript编写了一个简易的计算器，基本与手机计算器一致。
JavaScript实现简单计算器
热门推荐
weixin_47261870的博客
07-02 3万+
JavaScript和HTML实现简单计算器功能
JavaScript实现一个简易的计算器
Hey firefly
07-18 2万+
JavaScript实现简易计算器的具体思路
利用JAVAscript实现简单计算器
qq_1948758446
08-16 5810
利用javascript实现简易的计算器 先构思整个计算器的模式以及想要实现的功能，按模块创建相应的div，在“head”中设置其样式和布局。 用“input”标签创建text类型，置为输出框；依次创建buttom类型，置为按钮，内容为1、2、3……；创建“=”，并在input中对他进行点击事件“onclick=”result()””. 添加script，利用var定义class里面的值,并赋...
htmlhe和script结合制作简易计算器
小怡糖包
06-30 1065
用到了if else语句和switch  case语句 下面来看两种方式的代码： switch语句： 简易计算器 var a; var b; var c; a=prompt("请输入第一个数字："); b=prompt("请输入运算符"); c=prompt("请输入第二个数字："); switch(b) { case"+": alert("两个数相加的和为："+(pars
JavaScript 计算器
allway2的博客
06-02 7278
在本教程中，我们将创建一个简单的JavaScript 计算器。该计算器能够对 2 个或 2 个以上的数字进行加减乘除。计算器可以成为日常生活中非常有用的应用程序。您可以使用计算器来计算您的购物账单、计算您的贷款、执行简单的数学计算等。一般来说，我们有两种类型的计算器，一种是科学计算器，另一种是简单计算器。科学计算器用于执行复杂的数学计算，如平方根、平方、立方、对数、三角函数等。而简单的计算器用于执行简单的数学计算，如加法、减法、乘法和除法。我们将在本文中使用 HTML、CSS 和 JavaScript 逐步
JavaScript实现计算器功能
suwu150
11-07 2444
代码如下： New Document var flag = false; function display(val){ var display = document.getElementById("display"); if(flag){ display.value = ""; flag = false; } disp
JavaScript编写计算器
05-12
好的，以下是一个简单的 JavaScript 计算器： ```html <!DOCTYPE html> <title>JavaScript Calculator body { background-color: #f2f2f2; font-family: Arial, sans-serif; } #calculator { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值