分享一个超简易计算器

最新推荐文章于 2021-02-03 17:12:14 发布
最新推荐文章于 2021-02-03 17:12:14 发布
阅读量365 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bombnini/article/details/52537538
版权


效果图


htm代码

</pre><pre name="code" class="html"><!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>
    <script type="text/javascript" src="../images/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../ajax/dataHandler.js"></script>
    <script type="text/javascript" src="../financeStatistics/debitCount.js"></script>
    <title></title>
</head>
<body>
<p>客户划账记录</p>
     <!-- 查询区 -->
     <div>
        <input id="btnAdd" type="button" value="新增" οnclick="btnNewClick();"/>
        <input id="btnEdit" type="button" value="修改" οnclick="btnEditClick();"/>
        <input id="btnDelete" type="button" value="删除" οnclick="btnDeleteClick();"/>
        <br />
        公司：<select id="selectCompany" οnchange="selectCompanyOnChange()">
               </select>
        部门：<select id="selectDepart" οnchange="selectDepartOnChange()">
               </select> 
        日期：<input id="txDateSearch" type="text" />
        送气编号/客户名称：<input id="txSearch" type="text" />
        <input id="btnSearch" type="button" value="查询" οnclick="btnSaveClick();"/>
        
     </div>
     <!-- 统计报表区 -->
     <div>
        <table id="list">
        	<thead>
                <tr>
                   <th class="style1" >选择</th>
                   <th class="style1" >区域</th>
                   <th class="style1" >站点</th>
                   <th class="style1">送气编号</th>
                   <th class="style1">客户名称</th>
                   <th class="style1">划账金额</th>
                   <th class="style1">划账银行</th>
                   <th class="style1">划账日期</th>
                </tr>
            </thead>
            <tbody>
                <!-- 动态插入表格 -->
            </tbody>
             <tfoot>
                <!-- 动态页码 -->
            </tfoot>
        </table>
     </div>   

      <!-- 详细信息的背景蒙板 -->
    <div class="mask"></div>
    <!-- 详细信息区 -->
    <div id="dlgInfo" class="pop_box">
        <!-- 标题 -->
        <div class="pop_box_hd">
            <h3>新增划账客户</h3><!-- 输入框标题 -->
            <div class="close_btn">×</div><!-- 关闭按钮 -->
        </div>
        <!-- 数据录入区 -->
        <div>
            <p><span>公司：</span><select id="selectCompanyDetail" οnchange="selectCompanyDetailOnChange()">
               </select></p>
            <p><span>部门：</span><select id="selectDepartDetail" οnchange="selectDepartDetailOnChange()">
                </select></p>
            <p><span>客户姓名：</span><select id="selectCustomer" οnchange="selectCustomerOnChange()">
                </select></p>
            <p><span>送气编号：</span><select id="selectGasCode" οnchange="selectGasCodeOnChange()">
                </select></p>
            <p><span>银行：</span><select id="selectBank">
                </select></p>
            <p><span>划账金额：</span><input id="txDebit" type="text" /></p>
            <p><span>划账日期：</span><input id="txDate" type="text" /></p>
            </div>
        <!-- 按钮区 -->
        <div class="btn_box">
            <div class="btn_box_inner cf">
                <a href="#" id="btnSave" οnclick="btnSaveClick();" class="btn btn_mid btn_blue fl save_btn">保存</a>
                <a href="#" id="btnCancel" οnclick="btnCancelClick();" class="btn btn_mid btn_gray fl cancel_btn">取消</a>
            </div>
        </div>
    </div>

</body>
</html>


JScript.js代码

var m_result;
var m_str;
var m_num1; //第一个数据
var m_num2; //第二个数据
var m_pos; //运算方式标志位

function onclickNum(nums)
{
    m_str = document.getElementById("txResult");
    m_str.value = m_str.value + nums;  //显示数字
}

function onclickClear()
{
    m_str = document.getElementById("txResult").value; // $("#txResult").val();
    m_str.value = "";      //清空数字
}

/*
function onclickadd()
{
    pos = 1;
    num1 = str.value;//获取第一个数据
    document.getElementById("txt").value = ""; //清除显示的第一个数据
}
function onclickminus()
{
    pos = 2;
    num1 = str.value; //获取第一个数据
    document.getElementById("txt").value = ""; //清除显示的第一个数据
}

*/

function calculateClick(flag)
{
    m_pos = flag;
    m_num1 = m_str.value; //获取第一个数据
    document.getElementById("txResult").value = ""; //清除显示的第一个数据
}

function onclickresult()
{
    m_num2 = document.getElementById("txResult").value;
    switch (m_pos)
    {
        case (1): //加法
            m_result = m_num1 * 1 + m_num2 * 1;
            break;
        case (2): //减法
            m_result = m_num1 * 1 - m_num2 * 1;
            break;
        case (3): //乘法
            m_result = m_num1 * 1 * m_num2 * 1;
            break;
        case (4): //除法
            m_result = (m_num1 * 1) / (m_num2 * 1);
            break;
        default:
            break;
    }
    document.getElementById("txResult").value = m_result;
}


JScript.js代码

bombnini
关注
简易计算器
upmans的博客
06-24 944
简易计算器
案例分享-2_简易计算器
只愿此生：心生欢喜，如鱼得水
10-24 120
代码如下： result = 0 num1 = int(input("请输入第一个数字：")) num2 = int(input("请输入第二个数字：")) a = input("请输入操作符：") if a in "+, - ,* ,/": if a == "+": result = num1 + num2 elif a == "-": result = num1 - num2 elif a == "*": result = num1
使用JSP制作一个超简单的网页计算器的实例分享
10-22
在本实例中，我们探讨了如何利用JSP（Java Server Pages）技术，结合JavaBean组件，来制作一个简易的网页计算器。这个计算器能接受用户输入的两个数字参数和一个运算符，并执行相应的数学运算，最后返回计算结果。...
简易计算器设计课程设计分析.docx
07-09
《简易计算器设计课程设计分析》是对基于AT89C51单片机的十进制计算器系统的详尽探讨。此设计旨在实现一个能够处理基本四则运算（加、减、乘、除）的计算器，其功能包括通过4×4矩阵键盘输入数字，以及在共阴极LED...
计算机系统平台实验——使用shell写一个简单计算器
Lin_Sure的博客
02-03 1850
文章目录实验目的实验截图实验步骤源码实验体会本课程资源包 实验目的 熟悉shell的循环控制、算术运算 要求：写一个脚本，它提供一个菜单 [a] Add [s] Subtract [m] Multiply [d] Divide [r] Remainder 具体功能如下：读取用户从菜单中选择的字母；提示用户输入0到100之间的两个整数；如果数字超出范围，输出错误信息并退回到初始状态重新提示用户，等待输入选择，否则按要求对两个数字进行运算；显示结果，并退回到初始状态重新提示用户，等待输入选择。 提示：使用re
JS实现的加减乘除四则运算计算器示例
12-10
本文实例讲述了JS实现超级简易的加减乘除四则运算计算器。分享给大家供大家参考，具体如下： 先来看看运行效果： 具体代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
测量计算器程序
Huang_lidong的博客
05-26 2798
今天，给大家分享一个小博自主开发的测量计算器App，该App有【坐标方位角正反算】、【空间坐标转换】、【四参数计算】、【七参数计算】以及【地图图幅换算】五大功能模块，能够快速的完成测量的基本计算工作
Java实现简易计算器代码分享
"该资源提供了一个使用Java编程语言设计的简易计算器的源代码示例，可供学习和参考。计算器实现了基本的加、减、乘、除功能，界面包含0-9数字键及四则运算符按钮。" 在Java编程中，创建一个简易计算器涉及到GUI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值