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

需求说明:

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

a635a8c534f5e56f6773c375001b6203.png

实现思路:

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

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

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

实现代码:

+

-

*

/

=

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值