JavaScript实现简单的计算器功能

本文实例为大家分享了JavaScript实现简单计算器功能的具体代码，供大家参考，具体内容如下

具体要求如下：

实现代码：

htML>
      head>
        meta charset="utf-8">
        tITle>
    计算器/title>
        script>
      function myck(tyPE){
            VAR num1 = document.getElementById("num1");
            var num2 = document.getElementById("num2");
        if(type==1){
              // 计算操作          var result = parseint(num1.value) + parseInt(num2.value);
              alert(result);
              document.getElementById("resultDiv").innerText ="最终计算结果："+ result;
        }
else if(type==2){
        var result = parseInt(num1.value) - parseInt(num2.value);
                 alert(result);
                 document.getElementById("resultDiv").innerText ="最终计算结果："+ result;
   }
     else if(type==3){
         var result = parseInt(num1.value) * parseInt(num2.value);
         alert(result);
         document.getElementById("resultDiv").innerText ="最终计算结果："+ result;
      }
         else if(type==4){
        if(confirm("是否正确清空？")){
            // 清空        num1.value = "";
            num2.value = "";
            document.getElementById("resultDiv").innerText="";
      }
           }
      }
        /script>
      /head>
      body>
        div style="margin-top: 100px;
    margin-left: 500px;
    ">
          span style="font-Size: 60px;
    ">
    计算器/span>
           /div>
        div>
          div class="innerDiv" style="margin-left: 490px;
    ">
            数&
    nbsp;
    &
    nbsp;
    字1：input id="num1" type="number" placeholder="请输入数字1">
           /div>
        /div>
        div>
          div class="innerDiv" style="margin-left:490px;
    ">
          数&
    nbsp;
    &
    nbsp;
    字2：input id="num2" type="number" placeholder="请输入数字2">
         /div>
         /div>
        div>
          div style="margin-left: 500px;
    " class="innerDiv">
            input type="button" onclick="myck(1)" value="相&
    nbsp;
    &
    nbsp;
    加">
        input type="button" onclick="myck(2)" value="相&
    nbsp;
    &
    nbsp;
    减">
        input type="button" onclick="myck(3)" value="相&
    nbsp;
    &
    nbsp;
    乘">
            input type="button" onclick="myck(4)" value="清&
    nbsp;
    &
    nbsp;
    空">
          /div>
         /div>
        div id="resultDiv">
        /div>
      /body>
      style>
    .innerDiv{
          margin-left: 420px;
          margin-top: 20px;
    }
      /style>
    /html>
    

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

• javascript写的简单的计算器，内容很多，方法实用，推荐
• 简易js代码实现计算器操作
• js实现简单计算器
• html+js实现简单的计算器代码(加减乘除)
• 用JS写的简单的计算器实现代码
• javascript-简单的计算器实现步骤分解(附图)
• 纯javascript代码实现计算器功能(三种方法)
• js实现一个简易计算器
• 网页计算器 一个JS计算器
• js网页版计算器的简单实现

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！