需求说明:

在文本框中输入两个操作数和选择运算符后,在页面上显示输出结果

实现思路:

单击“计算”按钮后,删除两个文本框左右两边的空格,删除空格后,判断输入框中是否都输入了内容,只要其中一个文本框没有输入,则提示“请输入两个操作数”

在输入了数据的前提下,验证输入的是否都是数值,只要其中一个输入错误,则提示“请输入正确的数值”

单击“计算”按钮,在判断输入的数据格式都是正确的前提下,根据用户选择的运算符号(可以选择 +、-、*、/)计算结果,并把结果显示在最后一个文本框中

实现代码:

+

-

*

/

=

function calc(){

var num1 = document.getElementById("op1").value;

var num2 = document.getElementById("op2").value;

var operator = document.getElementById("op").value;

if (num1.trim()!=""&&num2.trim()!="") {

console.log(operator);

if(!isNaN(num1)&&!isNaN(num2)){

document.getElementById("result").value=eval(num1+operator+num2);

} else{

alert("请输入正确的数值");

}

} else{

alert("请输入两个操作数!");

}

}

本文地址:https://blog.csdn.net/weixin_44893902/article/details/109334821

html输出计算结果到文本框,在文本框中输入两个操作数和选择运算符后,在页面上显示输出结果...相关推荐

  1. php在文本框显示图片,多张图片上传后在页面上可以显示图片,在文本框显示地址怎么解决啊...

    下边这个代码是我改的,试了下只能实现其中一个功能,如何可以实现多张图片上传后在页面上可以显示图片,在文本框显示地址呢. K('#J_selectImage').click(function() { e ...

  2. 辗转相除法 定义函数fun求两个整数的最大公约数,主函数中输入两个整数,调用该函数得到最大公约数,最后在主函数中输出两个整数的最大公约数和最小公倍数。

    定义函数fun求两个整数的最大公约数,主函数中输入两个整数,调用该函数得到最大公约数,最后在主函数中输出两个整数的最大公约数和最小公倍数. 参考运行截图: 欧几里得算法又称辗转相除法,是指用于计算两个 ...

  3. Linux下使用tee既在屏幕上显示输出,又把输出写进文件

    Linux下的tee是一个很好用的工具,可以把重定向屏幕输出到文件的同时在屏幕上显示输出 使用示例如下: command | tee stdout.log 这里有一个需要注意的坑点,上面的命令只是把标 ...

  4. 编写函数 int fac(int x)计算 x!的值。在主函数中输入 n 和 m 的值,通过调用函数 fac 计算m Cn 的值(要求分别用递归和非递归的方法编写函数 fac)

    编写函数 int fac(int x)计算 x!的值.在主函数中输入 n 和 m 的值,通过调用函数 fac 计算m Cn 的值(要求分别用递归和非递归的方法编写函数 fac) 递归: #includ ...

  5. C语言: 定义一个函数int isprime(int n),用来判别一个正整数n是否为素数。在主函数中输入两个正整数m和n(m>=1,n>m),统计并输出m和n之间的素数的个数以及这些素数的和。

    原题: 定义一个函数int isprime(int n),用来判别一个正整数n是否为素数.在主函数中输入两个正整数m和n(m>=1,n>m),统计并输出m和n之间的素数的个数以及这些素数的 ...

  6. python输入两个整数按先大后小的顺序输出_指针变量:输入a和b两个整数,按先大后小的顺序输出a和b。...

    #include int main() { int *p1,*p2,*p,a,b; printf("please enter two integer numbers:"); sca ...

  7. php 单选框选中事件,html中的checkbox和radio事件选择用法详解

    radio注册了click事件以后,神奇的是用键盘上的上下左右选择时,居然会触发鼠标事件,滚轮也会触发,这种神奇的事情在mousedown下面是不会发生的.(webkit不能使用上下左右选择) che ...

  8. C语言中输入两个整数,输出其中的最大值

    代码展示: //输入两个整数,输出其中的最大值 #include<stdio.h> int main() {     int a,b,max;     scanf("%d%d&q ...

  9. 整数大小比较:输入两个整数,比较大小, 若x>y 输出 > 若x=y 输出 = 若x<y 输出 <

    /* 4.整数大小比较:输入两个整数,比较大小,若x>y 输出 >若x=y 输出 =若x<y 输出 < */public class Test04{public static ...

最新文章

  1. matepad和鸿蒙,爆料称华为MatePad 2系列平板有三个版本:预装鸿蒙OS
  2. Emptiness 空值语义
  3. HDUOJ-2094-产生冠军
  4. java生产问题快速定位_生产环境如何快速跟踪、分析、定位问题-Java
  5. Application log debug - storage
  6. mysql 非等值条件 索引_慢SQL简述与定位
  7. ffmpeg 的使用备忘
  8. Canvas开发库封装
  9. mysql backup restore_mysql-backup-restore
  10. 网络通信知识点,程序员必备知识
  11. 西门子 S7-200CN CPU 224CN EEPROM芯片
  12. 反向题在测试问卷信效度_如何进行问卷的信度和效度分析_spss问卷信度效度分析...
  13. 如何解决Python 爬取网易云评论为[ ]的问题
  14. java拆弹,CSAPP lab2 二进制拆弹 binary bombs phase_2
  15. Zabbix调优不完全指南
  16. C++控制台RPG游戏具体实现思路: 任务系统
  17. 爬取网络数据到excel表
  18. 关于RC延时电路的 时间常数 和 到达某电压的延时时间 计算
  19. 电容传感器FDC2214计算工具FDC_Tools-development5的使用
  20. MATLAB学习笔记5:绘图基础与数据可视化(中)

热门文章

  1. SQL基础教程MICK版 ···第六章总结
  2. 如何在CST仿真软件中开启GPU加速
  3. 基于javaweb+mysql的宠物医院预约管理系统(管理员、医生、用户)
  4. 女仆怎么画?裙子的阴影怎么画?
  5. 跳一跳python_原来微信《跳一跳》也可以用Python玩~
  6. 解决vuex刷新后失效问题
  7. 华为手表哪款搭载鸿蒙系统,华为Watch GT 2渲染图曝光:首款搭载鸿蒙系统的智能手表...
  8. 像素坐标转换为世界坐标
  9. Python入门基础知识函数式编程之匿名函数
  10. UML 行为图——状态图 、 活动图