Javascript计算器程序

最新推荐文章于 2024-05-31 20:51:25 发布
最新推荐文章于 2024-05-31 20:51:25 发布
阅读量834 收藏 1
点赞数
文章标签： javascript button border input function xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/C979170768/article/details/7320500
版权

 

<!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>
    <title></title>
    <style type="text/css">
        #Text1
        {
            width: 431px;
            height: 48px;
            font-size: xx-large;
            text-align: right;
        }
 
input{height:30px;width:60px}
 
    </style>
    <script language="javascript" type="text/javascript">
// <![CDATA[

        function Onclick(ss) {
            var disp = document.getElementById('Text1');
            if (disp.value == 0) {
                disp.value = "";
            }
            disp.value += ss.value;
        }
        //这里是删除
        function clear_word() {
            var disp = document.getElementById('Text1');
           disp.value=disp.value.substring(0,disp.value.length-1)
        }
        //这里是清0
        function set0() {
            var disp = document.getElementById('Text1');
            disp.value = 0;
        }
        //这里是将文本框中的表达式计算出来
        function result() {
            var disp = document.getElementById('Text1');
            disp.value= eval(disp.value).toString();
        }

        function SQRT() {
            var disp = document.getElementById('Text1');
            disp.value = Math.sqrt(disp.value);

        }

        function Pow() {
            var disp = document.getElementById('Text1');
            disp.value = Math.pow(disp.value, 2);       
        }
// ]]>
    </script>
</head>
<body  style="text-align: center">

    <table style="border: medium solid #00FF00; width: 24%; background-color: #C0C0C0;">
        <tr>
            <td colspan="4">
                <input id="Text1" type="text" /></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button1" type="button" value="+" οnclick="Onclick(this)" /></td>
            <td style="border: medium solid #008000">
                <input id="Button2" type="button" value="1" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button3" type="button" value="2" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button4" type="button" value="3"οnclick="Onclick(this)" /></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button7" type="button" value="-" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button8" type="button" value="4" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button6" type="button" value="5" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button5" type="button" value="6" οnclick="Onclick(this)"/></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button9" type="button" value="*" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button10" type="button" value="7" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button11" type="button" value="8" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button12" type="button" value="9" οnclick="Onclick(this)"/></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button13" type="button" value="/"οnclick="Onclick(this)" /></td>
            <td style="border: medium solid #008000">
                <input id="Button14" type="button" value="0" οnclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button15" type="button" value="."οnclick="Onclick(this)" /></td>
            <td style="border: medium solid #008000">
                <input id="Button16" type="button" value="=" οnclick="result()"/></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button17" type="button" value="平方根"οnclick="SQRT()" /></td>
            <td style="border: medium solid #008000">
                <input id="Button18" type="button" value="平方" οnclick="Pow()"/></td>
            <td style="border: medium solid #008000">
                <input id="Button19" type="button" value="C" οnclick="set0()"/></td>
            <td style="border: medium solid #008000">
                <input id="Button20" type="button" value="&lt;--" οnclick="clear_word()"/></td>
        </tr>
    </table>

</body>
</html>

 http://hi.baidu.com/979170768/blog/item/b0816a2ceaca96275243c1e9.html

C979170768
关注
在页面上使用javascript写一个计算器
04-24
在页面上使用javascript写一个计算器。 简单，稍微有点粗糙，有待各位给点建议。谢谢！！
Javascript编写的计算器
12-18
参考博客：http://blog.csdn.net/xiaowei_cqu/article/details/7081348
JavaScript窗口计算器
ertongzixingche的专栏
08-17 789
脚本语言，介于HTML标记语言和c、c++、java等编程语言之间，最近刚接触javascript   javascript窗口计算器 document.write("javascript窗口计算器"); while(true) { x=prompt("本计时器用于实现两个数的简单运算\n请输入第一个数：","0"); p=prompt("请输入运算符（+、-、*、/）","+");
运算加减乘除的计算器
qq_43569454的博客
12-12 2234
做了一个简单的加减乘除的计算器 先输入一个数字 在选择加，减，乘，除的符号 输入第三位数字 点击等于号就会出现结果了 html部分 &lt;body&gt; &lt;form name="myform"&gt; &lt;input type="text" name="num1" value=""/&gt;&lt;br&gt; &l
编写javascript的基本技巧
weixin_34138377的博客
06-17 84
第一、编写可维护的代码 什么叫着编写可维护的代码呢？就是当我的做出来的项目，拿给其它编码团队能很快的看懂 你编写的代码，你的整个项目的逻辑等等。一个项目的修改维护是要比开发一个项目的成本 是要高的。例如：当一个项目发布出现bug，最好的情况是当我们一发现bug，立即就可以修 复，这种情况是可能发生在刚写完这些代码后不久。否则，一旦转移到新的任务上，忘记了 这部分代码，就需要重新阅读这些代码： ...
Calculator:使用 Html、Css 和 Javascript 的计算器程序
06-29
在本项目中，我们探讨的是一个使用HTML、CSS和JavaScript构建的计算器程序。这个计算器能够实现基本的数学运算，如加、减、乘、除，是学习前端开发基础的一个很好的实践案例。接下来，我们将深入讨论这三个关键技术...
纯javascript代码编写计算器程序.pdf
09-29
根据给定的文件内容，我们可以了解到一个使用纯JavaScript编写的简单网页计算器程序的知识点。这个程序允许用户进行基本的数学运算，包括加法、减法、乘法和除法。接下来，将对程序的各个组成部分进行详细说明。 1....
kalkulator-[removed]使用JavaScript的计算器程序
04-28
标题中的“kalkulator-[removed]使用JavaScript的计算器程序”表明这是一个使用JavaScript实现的计算器应用。JavaScript是一种广泛用于网页和网络应用的编程语言，尤其在客户端脚本方面扮演着重要角色。通过...
微信小程序简易计算器源码
03-07
微信小程序简易计算器源码是一个适合初学者的项目，旨在帮助新手快速掌握微信小程序的基本开发技能。这个项目实现了基本的加法、减法、乘法和除法运算，提供了直观的用户界面，用户可以通过点击按钮进行计算操作。接...
JavaScript网页计算器-栈实现.html
05-18
使用 JavaScript 写的网页版计算器。可以很好的完成加减乘除，但是并没有括号提供使用。内部实现的话，主要基于入栈出栈，与大学算法书中的简易计算器原理一致。
javacript 计算器
12-04
javacript编写的一个数学计算器程序，可以进行基本的加减乘除运算和三角函数运算，可以直接调用部分常用的数学常数如PI和e，可以进行开平方根运算
小型计算器可以进行加减乘除运算,可以连续进行计算!
09-11
小型计算器可以进行加减乘除运算,可以连续进行计算!由于技术有限还不能进行带括号的计算!希望大家多多指教!
易语言三角函数数学运算源码
05-06
易语言三角函数数学运算源码 包含： ToRad 转为弧度 ToDeg 转为角度 Sin 正弦 Cos 余弦 Tan 正切 Asin 反正弦 Acos 反余弦 Atan 反正切 说明：由于易语言的数据处理过程的原因，计算结果精度保留八位 使用方法：打开易语言，插入一个新类，然后将代码复制并覆盖到新类中即可。
计算器，html, js javacript
11-11
html+javascript做的四则运算的小程序。
JAVAscript 计算机
06-23
部分代码如下function d(op) { var d var a=document.form1.text1.value; var b=document.form1.text2.value; if(op=="+")d=parseFloat(a)+parseFloat(b);
悲剧的Javascript加减乘除
weixin_33825683的博客
01-13 102
100×0.55＝55.00000000000001 这结果惨不忍睹，不管位移是怎么计算的，这结果大部分时候是没法用的。自己找了几个函数，解决一下。 function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=ar...
基本的计算器程序，控制台输入，求和，打印
卑微的去爱你
11-27 201
#include "stdafx.h" #include "stdio.h" #include "ctype.h" #define MAXLINE 100 main() { double sum,atof(char []); char line[MAXLINE]; int getline(char [],int); sum=0; while(getline(line,MAXLINE)...
Web前端——简易计算器
最新发布
m0_74219898的博客
05-31 344
编写一个数学计算器程序，可以进行基本的加减乘除运算和三角函数运算，可以直接调用部分常用的数学常数如PI和e。
【程序】[Vue] Web计算器——通过Vue 少量代码快速开发
gongfpp的博客
06-21 1154
数学计算器
JavaScript实现简单计算器：步骤解析与关键代码
"这篇文章主要介绍了如何使用JavaScript实现一个简单的计算器，包括输入内容的判断、事件对象的处理以及基本的数学运算。" 在JavaScript编程中，创建一个计算器涉及到多个关键知识点，这里我们将深入探讨两个主要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值