计算器 JS 版

最新推荐文章于 2024-11-22 21:28:46 发布
原创 最新推荐文章于 2024-11-22 21:28:46 发布 · 388 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了使用C#语言和HTML、CSS等技术构建一个基本的计算器网页的过程，包括按钮功能实现、数值显示逻辑和基本的数学运算操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebAppjQuery.WebForm1" %>

<!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> 
   <script  type="text/javascript">
       var code;
       var oldint = "";
       var last;
       function xianshi(panduan) {
           if (panduan == 1) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }


           if (panduan == 2) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }


           if (panduan == 3) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }
           if (panduan == 4) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }
           if (panduan == 5) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }
           if (panduan == 6) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }
           if (panduan == 7) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }
           if (panduan == 8) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }
           if (panduan == 9) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }
           if (panduan == 0) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + panduan;
           }
           if (panduan == 16) {
               if (last == "+")
               { Form1.result.value = ""; }
               if (last == "-")
               { Form1.result.value = ""; }
               if (last == "*")
               { Form1.result.value = ""; }
               if (last == "/")
               { Form1.result.value = ""; }
               last = panduan;
               Form1.result.value = Form1.result.value + ".";
           }
           if (panduan == 11) {
               code = "/";
               if (oldint == "")
               { oldint = Form1.result.value; }
               else {
                   oldint = parseFloat(Form1.result.value) / parseFloat(oldint);
               }
               Form1.result.value = oldint;
               last = "/";
           }
           if (panduan == 12) {
               code = "*";
               if (oldint == "")
               { oldint = Form1.result.value; }
               else {
                   oldint = parseFloat(Form1.result.value) * parseFloat(oldint);
               }
               Form1.result.value = oldint;
               last = "*";
           }
           if (panduan == 13) {
               code = "-";
               if (oldint == "")
               { oldint = Form1.result.value; }
               else {
                   oldint = parseFloat(oldint) - parseFloat(Form1.result.value);
               }
               Form1.result.value = oldint;
               last = "-";
           }


           if (panduan == 15) {
               code = "+";
               if (oldint == "")
               { oldint = Form1.result.value; }
               else {
                   oldint = parseFloat(Form1.result.value) + parseFloat(oldint);
               }
               Form1.result.value = oldint;
               last = "+";
           }


           if (panduan == 14) {
               if (code == "/")
               { Form1.result.value = parseFloat(oldint) / parseFloat(Form1.result.value); }
               if (code == "*")
               { Form1.result.value = parseFloat(oldint) * parseFloat(Form1.result.value); }
               if (code == "-")
               { Form1.result.value = parseFloat(oldint) - parseFloat(Form1.result.value); }
               if (code == "+")
               { Form1.result.value = parseFloat(oldint) + parseFloat(Form1.result.value); }
           }


           if (panduan == 17) {
               Form1.result.value = "";
               oldint = "";
               last = "";
           }
       }

 

 


       function baoliu() {
           if (Form1.result1.value == "") {
               Form1.result1.value = Form1.result.value;
           }
           else {
               if (Form1.result2.value == "") {
                   Form1.result2.value = Form1.result.value;
               }
               else {
                   if (Form1.result3.value == "") {
                       Form1.result3.value = Form1.result.value;
                   }
               }
           }
       }


       function clear() {
           alert("asdf");
           Form1.result1.value = "";
           Form1.result2.value = "";
           Form1.result3.value = "";
       }
       function qingchu() {
           Form1.result1.value = "";
           Form1.result2.value = "";
           Form1.result3.value = "";
       }
   </script>
  </head>
  <body>
    <form id="Form1" runat="server">
    <table>
    <tr><td colspan="4"><input type="text" name="result" size="44"/></td></tr>   
      <tr>
      <td>
      <input type="button"  value="1" onclick="xianshi(1);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"  value="2" onclick="xianshi(2);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"  value="3" onclick="xianshi(3);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"  value="/" onclick="xianshi(11);" style="width:50;height:35"/>
      </td>
      </tr>
 

     <tr>
      <td>
      <input type="button"   value="4" onclick="xianshi(4);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"  value="5" onclick="xianshi(5);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button" value="6" onclick="xianshi(6);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"  value="*" onclick="xianshi(12);" style="width:50;height:35"/>
      </td>
      </tr>      
            
      <tr>
      <td>
      <input type="button"   value="7" onclick="xianshi(7);" style="width:50;height:35"/>
      </td>
      <td>
       <input type="button"  value="8" onclick="xianshi(8);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"  value="9" onclick="xianshi(9);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"  value="-" onclick="xianshi(13);" style="width:50;height:35"/>
      </td>
      </tr>
     
      <tr>
      <td>
      <input type="button"   value="0" onclick="xianshi(0);" style="width:50;height:35"/>
      </td>
      <td>
       <input type="button"   value="=" onclick="xianshi(14);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"   value="." onclick="xianshi(16);" style="width:50;height:35"/>
      </td>
      <td>
      <input type="button"  value="+" onclick="xianshi(15);" style="width:50;height:35"/>
      </td>
      </tr>
      <tr><td colspan="4"><input type="button"   value="清空" onclick="xianshi(17);" style="width:50;height:35" /></td></tr>
    </table>             
 </form>
  </body>
 </html>

设计图片：

qiyihan0911
关注
小婷简易计算器JS版本1.0v1.0.zip
05-09
【标题】中的“小婷简易计算器JS版本1.0v1.0.zip”指的是一个JavaScript实现的简单计算器项目，版本号为1.0v1.0。这个项目可能包含了一个或多个JavaScript文件，用于实现计算器的功能。JavaScript是一种广泛应用于...
买房贷款计算器 JS版 build 20110706.rar
07-09
买房贷款计算器JS版是2011年7月6日发布的一个基于JavaScript的软件资源，主要功能是帮助用户计算购房时的商业贷款和公积金贷款的相关费用。JavaScript是一种广泛应用于网页和网络应用的脚本语言，它允许在客户端...
房贷计算器js版本 Mortgage calculator
fareast_mzh的博客
06-30 1083
【代码】房贷计算器js版本。
javascript简易计算器
a17783481239的博客
09-18 5019
查看历史记录
JavaScript 计算器
allway2的博客
06-02 7525
在本教程中，我们将创建一个简单的JavaScript 计算器。该计算器能够对 2 个或 2 个以上的数字进行加减乘除。计算器可以成为日常生活中非常有用的应用程序。您可以使用计算器来计算您的购物账单、计算您的贷款、执行简单的数学计算等。一般来说，我们有两种类型的计算器，一种是科学计算器，另一种是简单计算器。科学计算器用于执行复杂的数学计算，如平方根、平方、立方、对数、三角函数等。而简单的计算器用于执行简单的数学计算，如加法、减法、乘法和除法。我们将在本文中使用 HTML、CSS 和 JavaScript 逐步
使用 JavaScript 实现简易计算器
爱写代码的小朋友
10-25 1358
JavaScript实现计算器
JavaScript实现简单计算器
热门推荐
weixin_47261870的博客
07-02 3万+
JavaScript和HTML实现简单计算器功能
javascript实现计算器
anan的博客
01-05 9500
       首先说明一下为什么发这篇文章，因为今天早晨看到一篇类似的文章，我看了他的源码，发现实在太啰嗦了，于是便准备把这篇文章发出来！        其实使用javascript的函数来实现计算器可以说是练习javascript的一个好方法，虽然我的代码可...
JavaScript实现计算器
wangshiyi13的博客
07-18 5656
使用JavaScript编写了一个简易的计算器，基本与手机计算器一致。
使用JavaScript制作简易计算器
m0_58258716的博客
11-22 437
制作一个简易计算器，能进行加、减、乘、除四则运算。
JS实现计算器
qq_45921597的博客
09-25 2377
【代码】JS实现计算器。
JavaScript原生-网页版计算器
weixin_44897872的博客
10-31 1249
由于无聊看电脑上的系统软件翻到了计算器这个功能 于是无聊就无聊吧,就简单写一下这个计算器的功能吧.这个网页版计算器基本功能都有吧,但是不是很完全,仅供参考. 首先是网页计算器的样式部分不想手写直接复制即可 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE
地砖计算器JS版 v1.0.rar
07-09
《地砖计算器JS版 v1.0》是一个基于HTML和JavaScript技术开发的实用工具，专为装修用户设计，用于计算地砖的需求量及其相应的费用。这个小型应用的出现，极大地简化了装修过程中估算材料成本的过程，避免了因计算...
贷款、公积金利率计算器JavaScript版
05-12
摘要:脚本资源,HTML,计算器　基于JavaScript的购房商业贷款、公积金贷款计算器，帮你根据房屋面积、单位等信息计算房屋总货款额、贷款利息额、公积金贷款利率、商业贷款利率等数据。代码中附有许多计算方法，有兴趣...
js网页版计算器的简单实现
10-27
通过本文介绍的简单JS网页版计算器，读者不仅可以学习到如何使用HTML和JavaScript构建基本的Web应用程序，还可以了解到如何处理用户输入、进行数学运算等核心概念。此外，通过进一步探索更高级的在线计算器示例，...
直流微电网系统模型的优化设计与控制策略分析：双端口、改进下垂控制及Simulink仿真 完整版
08-09
内容概要：本文详细探讨了直流微电网系统模型的优化设计与控制策略。首先介绍了双端口直流微电网系统的基本架构，其中一个端口连接分布式电源，如太阳能光伏板和风力发电机，另一端口连接恒功率负载。接着重点讨论了外环改进下垂控制和内环双PI环控制策略，这两种控制方式分别用于维持系统功率平衡和快速调节电压电流，确保系统输出的稳定性。此外，还涉及了电压鲁棒控制器、小信号模型、根轨迹分析和粒子群寻优权函数等关键技术，这些技术进一步增强了系统的稳定性和性能。最后，所有控制策略和模型分析均在Simulink环境下进行了搭建和验证。 适合人群：从事电力系统研究的专业人士、高校相关专业师生、对直流微电网感兴趣的科研人员。 使用场景及目标：适用于需要深入了解直流微电网系统模型及其控制策略的研究人员和技术人员，旨在提高系统的稳定性和效率，特别是在数据中心等对供电稳定性要求较高的应用场景。 其他说明：文中提供的Simulink仿真环境便于研究人员进行实验和验证，帮助更好地理解和优化直流微电网系统。
KUKA机器人码垛程序备份详解：操作流程、关键步骤与注意事项
08-09
KUKA机器人码垛程序的备份方法及其重要性。首先解释了码垛程序的基本结构，重点在于初始化设置、HOME点设定以及信号检测循环。接着阐述了具体的备份操作，如通过长按示教器【菜单】键进入存档管理器并选择带系统变量进行备份。文中还提到使用KUKA.ProjectBackup工具进行完整的备份，避免丢失重要的.dat文件。此外，建议将程序目录同步到私有Git仓库，以便于版本管理和快速回滚。最后强调了备份时需要注意的事项，如包含所有相关参数和配置文件，以确保在产线搬迁或控制器更换时能够顺利恢复。 适合人群：从事工业自动化领域的工程师和技术人员，尤其是负责KUKA机器人维护和操作的专业人士。 使用场景及目标：帮助工程师掌握正确的备份方法，确保在设备更新或故障恢复时能够迅速有效地还原码垛程序，保障生产线正常运行。 阅读建议：在实际操作过程中，务必严格按照文中提供的步骤进行备份，同时关注细节，如系统变量的选择和文件命名规范，以提高备份的成功率和完整性。
xpad源码2.0 1111111111111
最新发布
08-09
xpad源码2.0
晶闸管控制串联电容器TCSC
08-09
晶闸管控制串联电容器（TCSC）技术在电力系统中的应用。首先阐述了TCSC的基本原理，即通过控制晶闸管的导通和截止来改变电力系统的阻抗和相位角，从而实现无功功率补偿和系统稳定性提升。接着展示了TCSC控制器的设计思路，包括初始化晶闸管和电容状态、根据系统状态计算所需导通和截止角度以及控制晶闸管的操作。最后，通过对仿真实验结果的分析，验证了TCSC的有效性和潜在改进方向。 适合人群：从事电力系统研究和技术开发的专业人士，尤其是关注高压输电和配电系统优化的工程师。 使用场景及目标：适用于希望深入了解TCSC技术原理、控制器设计方法及其在电力系统中具体应用效果的人群。目标是掌握TCSC的工作机制并应用于实际项目中，以提高电力传输效率和稳定性。 阅读建议：读者可以通过本文了解TCSC技术的基础理论和实践案例，为后续深入研究提供参考。同时，对于有兴趣进行相关技术研发的人来说，文中提到的仿真与实验部分提供了宝贵的数据支持。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值