当简单计算器的输入值为空时，如何弹出对话框？

我想给计算器做一个，当输入值都为空时，点击运算符会自动弹出提示对话框的功能，但写完之后发现并没有效果，想请各位帮忙看一下哪里出了问题。

代码：


<!DOCTYPE html>
<html>
 <head>
  <title> A Simple Calculator </title>
   <style>
    p1{
       color: bluck;
       font-family: verdana;
       font-size: 150%;
    }
    body{
      background-color: white;
      size: 100%;
    }
    .all{
       position: absolute;
       top:30%;
       left:35%;
       transition: translateX(-50%) translateY(-50%);
       background-color: lightgrey;
       border: 5px solid green;
    }
   </style>

   <script>
   var N1;
   var N2;
   var sum;

   function checknotnull(id){
     if(document.getElementBy("n1").value=="" && document.getElementBy("n2").value==""){
       return false;
     }else if(document.getElementBy("n1").value=="" && document.getElementBy("n2").value!=""){
       return false;
     }else if(document.getElementBy("n1").value!="" && document.getElementBy("n2").value==""){
       return false;
     }else{
       return true;
     }
   }

   function tishi(){
     if(checknotnull(id) = true){
       calculate();
     }else{
       alert("no");
     }
   }

   function calculate(op){
      N1 = Number(document.getElementById("n1").value);
      N2 = Number(document.getElementById("n2").value);
      sum = document.getElementById("r");
      if(op == '+'){
            sum = N1 * 1 + N2 * 1;
            document.myform.r.value = sum;
      }else if(op == '-'){
            sum = N1 - N2;
            document.myform.r.value = sum;
      }else if(op == '*'){
            sum = N1 * N2;
            document.myform.r.value = sum;
      }else if(op == '/' && N2!= 0){
            sum = N1 / N2;
            document.myform.r.value = sum;
      }
     }
   </script>
 </head>

 <body>
  <div class = "all">
  <p1>A Simple Calculator (client-side JS)</p1>
   <form id = "myform", name = "myform"><br>
    &nbsp;<input type = "number", id = "n1", name = "n1"> First Number <br><br>
    &nbsp;<input type = "number", id = "n2", name = "n2"> Second Number <br><br>
    &nbsp;<input type = "text", id = "r", name = "r"> Result<br><br>
    <table>
     <tr>
       <td> <input type = "button", onclick = "calculate('+')", value = "+", id = "a", name = "a"> </td>
       <td> <input type = "button", onclick = "calculate('-')", value = "-", id = "s", name = "s"> </td>
       <td> <input type = "button", onclick = "calculate('*')", value = "x", id = "m", name = "m"> </td>
       <td> <input type = "button", onclick = "calculate('/')", value = "/", id = "d", name = "d"> </td>
       <td> <input type = "reset", onclick = "alert('The calculate has been reset!')"> </td>
     </tr>
    </table><br>
   </form>
  </div>
 </body>
</html>

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

3条回答默认最新

a5156520 2021-11-02 17:06

关注

主要问题是函数调用的顺序没理清，以及一些小的错误，如getElementById少些了个Id。
修改后代码如下：

 
<!DOCTYPE html>
<html>
 <head>
  <title> A Simple Calculator </title>
   <style>
    p1{
       color: bluck;
       font-family: verdana;
       font-size: 150%;
    }
    body{
      background-color: white;
      size: 100%;
    }
    .all{
       position: absolute;
       top:30%;
       left:35%;
       transition: translateX(-50%) translateY(-50%);
       background-color: lightgrey;
       border: 5px solid green;
    }
   </style>
   <script>
   var N1;
   var N2;
   var sum;
   function checknotnull(){
     if(document.getElementById("n1").value=="" && document.getElementById("n2").value==""){
       return false;
     }else if(document.getElementById("n1").value=="" && document.getElementById("n2").value!=""){
       return false;
     }else if(document.getElementById("n1").value!="" && document.getElementById("n2").value==""){
       return false;
     }else{
       return true;
     }
   }
   function tishi(op){
     if(checknotnull() == true){
       calculate(op);
     }else{
       alert("no");
     }
   }
   function calculate(op){
      N1 = Number(document.getElementById("n1").value);
      N2 = Number(document.getElementById("n2").value);
      sum = document.getElementById("r");
      
      if(op == '+'){
            sum = N1 * 1 + N2 * 1;
            document.myform.r.value = sum;
      }else if(op == '-'){
            sum = N1 - N2;
            document.myform.r.value = sum;
      }else if(op == '*'){
            sum = N1 * N2;
            document.myform.r.value = sum;
      }else if(op == '/' && N2!= 0){
            sum = N1 / N2;
            document.myform.r.value = sum;
      }
      
     }
   </script>
 </head>
 <body>
  <div class = "all">
  <p1>A Simple Calculator (client-side JS)</p1>
   <form id = "myform", name = "myform"><br>
    &nbsp;<input type = "number", id = "n1", name = "n1"> First Number <br><br>
    &nbsp;<input type = "number", id = "n2", name = "n2"> Second Number <br><br>
    &nbsp;<input type = "text", id = "r", name = "r"> Result<br><br>
    <table>
     <tr>
       <td> <input type = "button", onclick = "tishi('+')", value = "+", id = "a", name = "a"> </td>
       <td> <input type = "button", onclick = "tishi('-')", value = "-", id = "s", name = "s"> </td>
       <td> <input type = "button", onclick = "tishi('*')", value = "x", id = "m", name = "m"> </td>
       <td> <input type = "button", onclick = "tishi('/')", value = "/", id = "d", name = "d"> </td>
       <td> <input type = "reset", onclick = "alert('The calculate has been reset!')"> </td>
     </tr>
    </table><br>
   </form>
  </div>
 </body>
</html>

本回答被题主选为最佳回答 , 对您是否有帮助呢?

查看更多回答(2条)

报告相同问题？

关注问题

当简单计算器的输入值为空时，如何弹出对话框？ html
2021-11-02 16:54

回答 3 已采纳主要问题是函数调用的顺序没理清，以及一些小的错误，如getElementById少些了个Id。修改后代码如下： <!DOCTYPE html> <html> <he
请帮我看一下简单计算器c++为什么80分？ c++
2022-07-14 21:17

回答 1 已采纳
简易计算器输入过程错误，只能输入22.33这种，看看哪里出的问题 51单片机 c语言单片机
2022-11-24 15:01

回答 1 已采纳问题已解决
Android入门之简易计算器（二）
2022-10-25 15:12

派大星子fff的博客以下内容为简易版计算器（后端代码），如有出错部分，欢迎指正。
为什么这个计算器出不了数呢？ c语言有问必答
2021-10-31 09:30

回答 4 已采纳你输入的参数不对，你直接给1 2+。
我做了一个简易计算器，为什么我的计算器只能做加法？代码如下 c++ c语言
2022-03-02 20:17

回答 1 已采纳 19、22、25行都少了一个等于号
请教用c++写一个简易计算器的时候如何控制保留小数? c++ 有问必答
2021-10-20 19:25

回答 1 已采纳最后输出的时候用printf配合%.2lf格式化一下即可
前端JavaScript自学复盘梳理D2
2022-10-15 17:57

淘气的Tom的博客前端自学复盘，JavaScript自学记录，运算符，表达式，运算符优先级，分支语句，循环语句（while循环），break与continue区别
网页前端技术实现简易计算器 javascript
2021-09-11 10:37

回答 1 已采纳多看看书，在书上JavaScript看一下读取输入表单的数据，存进变量，对变量进行运算，输出结果，挺简单的
Meta分析t值、f值如何转换为r值？数据结构算法线性回归
2022-11-17 23:57

回答 2 已采纳你已经有t 值了，那计算r 的话这个公式r=[t^2/(t^2+df)]^0.5 应该能看懂吧。df=n1+n2-2 ,n1,n2 就是两组样本的数量。
c语言，为什么我的计算器无法先输入操作数 c语言
2022-11-25 14:31

回答 2 已采纳因为你没有读入换行符如果你使用%d，它会自动跳过空格和换行符，只读入数字（但是遇到其他字符会出错）而你使用%c，换行符也是字符，不会自动跳过，它直接接收了换行
BMI计算器（BMI，Body Mass Index）
2023-11-30 10:45

花卷卷爱吃肉的博客根据用户输入的身高和体重，计算出体重指数（BMI，Body Mass Index），并且根据 BMI 值的大小给出相应的身体状况建议。
为什么输出的结果和计算器得到的不一样？ c语言有问必答
2022-02-24 15:24

回答 3 已采纳 ^在c中是异或的意思,并不是幂运算使用math.h中的pow函数进行幂运算类似 #include<math.h> #include<stdio.h> int main()
JS 案例制作简易的加法计算器
2020-09-28 21:01

suiferq的博客制作简易的加法计算器 1、用prompt()方法接收两个数； 2、用alert()方法返回两个数的和。展示代码片. // An highlighted block <script type="text/javascript"> var a=prompt("请输入第一个数：","") ...
分子量计算器 6.6.0
2014-06-04 09:47

+ 内置所有天然同位素精确质量，用户指定某种同位素的质量数时，如果恰好是天然同位素，则用内置的精确同位素质量代替用户输入的质量数（仅当原子量使用“精确值”或“最高丰度精确值”时有效）。比如如果输入{13C}...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 11月10日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 11月2日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 11月2日

悬赏问题

¥15 求指导ADS低噪放设计
¥15 CARSIM前车变道设置
¥50 三种调度算法报错有实例
¥15 关于#python#的问题，请各位专家解答！
¥200 询问：python实现大地主题正反算的程序设计，有偿
¥15 smptlib使用465端口发送邮件失败
¥200 总是报错，能帮助用python实现程序实现高斯正反算吗？有偿
¥15 对于squad数据集的基于bert模型的微调
¥15 为什么我运行这个网络会出现以下报错？CRNN神经网络
¥20 steam下载游戏占用内存

当简单计算器的输入值为空时，如何弹出对话框？

3条回答 默认 最新

问题事件

悬赏问题

3条回答默认最新