2301_76705524 2023-05-15 16:26 采纳率: 66.7%
浏览 74
已结题

哪里有问题啊，为什么实现不了？

img

利用js来制作计算器，求不出结果

哪里有问题啊，大一才开始学这个 。不知道哪里出问题了

  • 写回答

4条回答 默认 最新

  • 心寒丶 全栈领域优质创作者 2023-05-15 16:47
    关注

    图片太小，可以大致参考下这个

     
<html>
<head>
 <title>计算器</title>
<script>
    function f() {
        var one = document.first.one.value;
        var two = document.first.two.value;
        var char;
        var a=document.getElementsByName("char");
        var result = 0;
        for(var i=0;i<=3;i++){
            if(a[i].checked){
                char=a[i].value;
            }
        }
        switch (char) {
            case '+':
                result = Number(one) + Number(two);
                break;
            case '-':
                result = one - two;
                break;
            case '*':
                result = one * two;
                break;
            case '/':
                if ( one == 0) {                      
                    alert("被除数不能为0！")
                    document.second.char.focus
                }
                else {
                    result = one / two;                          
                }
                break;
            default:
                result = "选择正确的运算符";
                break;
        }
        document.third.result.value =result;
    }
</script>
</head>
<body>
    <form name="first"><center>
        请输入第一个操作数：<input type="text" id="one" value=""><p>
 
        请输入第二个操作数：<input type="text" id="two" value=""><p>
    </center></form>
 
    <form><center>
        请选择操作
        <input type="radio" name="char" value="+" checked="">+
        <input type="radio" name="char" value="-" >-
        <input type="radio" name="char" value="*" >*
        <input type="radio" name="char" value="/" >/
    </center></form>
        
    <form name="third"><center>
        <input type="button" value="=" onclick="f()"><p>
        
        结果是：
        <input type="text" name="result" value="">
 
    </center></form>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

问题事件

  • 系统已结题 5月23日
  • 已采纳回答 5月15日
  • 创建了问题 5月15日

悬赏问题

  • ¥15 vika文档如何与obsidian同步
  • ¥15 华为手机相册里面的照片能够替换成自己想要的照片吗？
  • ¥15 陆空双模式无人机飞控设置
  • ¥15 sentaurus lithography
  • ¥100 求抖音ck号 或者提ck教程
  • ¥15 关于#linux#的问题：子进程1等待子进程A、B退出后退出(语言-c语言)
  • ¥20 web页面如何打开Outlook 365的全球离线通讯簿功能
  • ¥15 io.jsonwebtoken.security.Keys
  • ¥15 急，ubuntu安装后no caching mode page found等
  • ¥15 联想交换机NE2580O/NE1064TO安装SONIC