使用switch进行计算输入运算符计算两个文本框的加减乘除

最新推荐文章于 2024-05-09 21:46:33 发布

艾敲代码的MT

最新推荐文章于 2024-05-09 21:46:33 发布

阅读量991

点赞数

本文链接：https://blog.csdn.net/qq_26705343/article/details/112796191

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="txt1">
    <input type="text" id="fh">
    <input type="text" id="txt2">
    <input type="button" id="btn" value="计算">
    <input type="text" readonly id="res" >
</body>
<script>

  var txt1 = document.getElementById("txt1");
  var fh = document.getElementById("fh");
  var txt2 = document.getElementById("txt2");
  var btn = document.getElementById("btn");
  var res = document.getElementById("res");
 
    btn.onclick = function(){
        // 转换数据类型
        var a = txt1.value * 1;
        var b = fh.value +"";
        var c = txt2.value * 1;
        // 判断数据类型并进行相对于的运算
        switch(b){
        case "+": res.value = a+c;break;
        case "-": res.value = a-c;break;
        case "*": res.value = a*c;break;
        case "/": res.value = a/c;break;
    }
    }
   
</script>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

艾敲代码的MT

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
使用switch进行计算输入运算符计算两个文本框的加减乘除

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input typ
复制链接

扫一扫