`

js计算器

 
阅读更多
    <script type="text/javascript">
   
      var k=0;
      var a=0;
      var b=0;
      var i=0;
     function getNum(n){
      if(i==0){
       a=n;
       document.getElementById("testId").value=a;
     }
    
      if(i==1){
      b=n;
      document.getElementById("testId").value=b;
     }
      i++;
      }
     
     
      function getChar(n){
    
      k=n;
      }
     
     
      function getH(n){
       k=n;
      }
     
      function getHK(){
    
        if(k==12){
        document.getElementById("testId").value=(a+b);
       }
      
       if(k==13){
        document.getElementById("testId").value=(a-b);
       }
      
      
          if(k==14){
        document.getElementById("testId").value=(a*b);
       }
      
           if(k==15){
           
           document.getElementById("testId").value=(a/b);
       }
      
      }
     
     
     
     function getClear(){
      document.getElementById("testId").value=0;
      i=0;
      
      }
</script>
  </head>
 
  <table>
  <tr> <td colspan="4"> <input id="testId" type="text"  size="22px;"/></td></tr>
   <tr>
    <td><input type="button"  value="1" onclick="getNum(1)"/></td>
    <td><input type="button"  value="2" onclick="getNum(2)"/></td>
    <td><input type="button"  value="3" onclick="getNum(3)"/></td>
    <td><input type="button"  value="+" onclick="getH(12)"/></td>
  
   </tr>
     <tr>
    <td><input type="button"  value="4" onclick="getNum(4)"/></td>
    <td><input type="button"  value="5" onclick="getNum(5)"/></td>
    <td><input type="button"  value="6" onclick="getNum(6)"/></td>
    <td><input type="button"  value="-" onclick="getH(13)"/></td>
  
   </tr>
  
     
 
     <tr>
    <td><input type="button"  value="7" onclick="getNum(7)"/></td>
    <td><input type="button"  value="8" onclick="getNum(8)"/></td>
    <td><input type="button"  value="9" onclick="getNum(9)"/></td>
    <td><input type="button"  value="*" onclick="getH(14)"/></td>
  
   </tr>
  
     <tr>
    <td><input type="button"  value="0" onclick="getNum(0)"/></td>
    <td><input type="button"  value="c" onclick="getClear()"/></td>
    <td><input type="button"  value="=" onclick="getHK()"/></td>
    <td><input type="button"  value="/" onclick="getH(15)"/></td>
  
   </tr>
 
 
  </table>
分享到:
评论

相关推荐

    JavaScript计算器

    在JavaScript计算器项目中,CSS可以用来设置计算器的外观,包括按钮的大小、颜色、边框、间距,以及显示屏的样式等。通过选择器(如ID选择器、类选择器)和盒模型属性(如margin、padding、border),可以精确地调整...

    HTML+JAVAScript计算器

    HTML+JavaScript计算器是一种基于网页的计算工具,利用HTML(超文本标记语言)构建用户界面,JavaScript处理用户交互和计算逻辑。在这个项目中,HTML用于创建计算器的布局和按钮,而JavaScript则赋予这些按钮功能,...

    html+js计算器

    总之,【HTML+JS计算器】是一个基础但实用的项目,有助于初学者理解Web开发的基本原理,包括HTML的结构化、JavaScript的交互性和CSS的美化。通过这个项目,开发者不仅可以掌握前端基础知识,还能锻炼问题解决和代码...

    jisuanqi.rar_html js计算器_js计算器_计算器_计算器 js_计算器JS

    【标题】"jisuanqi.rar_html js计算器_js计算器_计算器_计算器 js_计算器JS" 提供的是一个基于HTML和JavaScript实现的全功能计算器项目。这个计算器不仅具备基本的加、减、乘、除运算,还可能包括更复杂的计算功能,...

    js计算器_js计算器_

    JavaScript计算器是一种常见的网页交互元素,它使用JavaScript编程语言来实现基本的算术运算。这个项目包含HTML、CSS和JS三个主要部分,分别负责计算器的结构、样式和功能逻辑。 首先,我们从HTML文件开始。HTML...

    普通简洁计算器js

    简单js计算器,简单明了,搞笑。// 4、定义计算函数 jisuan(),将提取过来的数字字符串转化为数值,并做出相对应的计算, 无参,无返。 function jisuan(){ var num1 = parseFloat(zuobian); var num2 =...

    Extjs 计算器 javascript计算器

    在这个特定的项目中,“Extjs 计算器 javascript计算器”是利用ExtJS的XTemplate功能创建的一个模拟Windows简单计算器的Web应用。XTemplate是ExtJS提供的一种模板引擎,用于动态渲染数据到HTML元素中,使得我们可以...

    javascript 计算器 源代码

    JavaScript计算器源代码是一种基于Web的计算工具,使用JavaScript编程语言实现。JavaScript是一种广泛应用于客户端浏览器的脚本语言,它能够动态地更新网页内容,提供交互性的用户体验。在本例中,我们将深入探讨...

    完美版JS计算器--内置文档说明

    这个计算器是制作者在其编程学习旅程的第四阶段完成的作品,因此我们可以预期它涵盖了JavaScript(JS)的一些核心概念和高级特性。 首先,让我们聚焦于JavaScript的基础部分。JS是一种广泛用于网页和网络应用的脚本...

    javascript 计算器 源代码 学习

    JavaScript计算器源代码学习是Web开发中的一个基础但重要的实践项目,它可以帮助开发者深入理解JavaScript语言的基本语法、事件处理以及DOM操作。在这个项目中,我们将探讨以下几个关键知识点: 1. **HTML结构**:`...

    JS计算器+-+BruceWan_制作

    在这个项目中,"JS计算器+-+BruceWan_制作"是一个由开发者BruceWan创建的简单JavaScript计算器,旨在提供一个学习和分享的平台。这个计算器能够执行基本的加法和减法操作,是理解JavaScript基础以及DOM操作的好例子...

    html编写网页使用javascript计算器

    html编写网页使用计算器 语言:javascript

    javascript计算器代码

    JavaScript计算器代码是一个基础的编程项目,它展示了如何使用JavaScript实现一个简单的计算器功能。在这个项目中,我们主要会涉及以下几个JavaScript编程知识点: 1. **DOM操作**:JavaScript与HTML交互的关键在于...

    纯javascript制作的简单js计算器效果.zip

    下面将详细探讨这个JavaScript计算器的实现及其涉及到的关键知识点。 首先,JavaScript是浏览器环境中运行的脚本语言,它负责为网页添加交互性。在这个案例中,JavaScript被用来处理用户的输入、执行计算以及更新...

    js实现简单计算器

    总的来说,实现一个简单的JavaScript计算器涉及HTML布局、JavaScript事件监听、数值和运算符的管理,以及可能的运算符优先级和括号处理。这不仅是对JavaScript基础的练习,也是对逻辑思维和问题解决能力的挑战。通过...

    js计算器,简易方便按钮

    简单的javascript计算器,实现按键操作,简易方便,初学者适合; 简单的javascript计算器,实现按键操作,简易方便,初学者适合 简单的javascript计算器,实现按键操作,简易方便,初学者适合; 简单的javascript...

    JavaScript计算器的实现

    JavaScript计算器的实现 4 计算器 4.1 问题 1)做一个完整的计算器 2)使用 event 对象简化简单计算器的界面设计及实现 4.2 方案 使用event对象: var obj = e.srcElement || e.target; 4.3 步骤 实现此案例需要按照...

Global site tag (gtag.js) - Google Analytics