JavaIdot 2022-01-14 20:06 采纳率: 50%
浏览 25
已结题

HTML做了一个计算器,计不了算 ( T__T)

事情是这样的,我本来想用前端做一个计算器的,代码如下:


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>网页计算器</title>
    </head>
    <body style="background-color: aqua;">

        <center>

            <h1>网页计算器</h1>

            请输入第一个数:<input type="text" id="num1" size="50">
            
            <br>
            
            请选择一个运算符号:<select name="select" id="function">
                <option></option>
                <option></option>
                <option></option>
                <option></option>
                </select>
                
            <br>
                
            请输入第二个数:<input type="text" id="num2" size="50">
            
            <br>
            
            <button onclick="equal()">运算!</button>

            <br>
            
            <h2 style="color: black;" id="result"></h2>
            

        </center>

    </body>

    <script>
    
        function equal(){
            //两个数的变量
            var num1 = parseFloat(document.getElementById("num1").value);
            var num2 = parseFloat(document.getElementById("num2").value);
            
            //运算符号
            var sel = document.getElementById("function");
            var func = serl.options[sel.selectedIndex].value;
            delete sel;
            
            //先判断一下玩家输入的数字是否为NaN,否在继续
            if (! (num1==NaN || num2==NaN)){
                
                //正式运算
                var result = 0;
                if (func=="加") {
                    result = num1+num2;
                }else if (func=="减") {
                    result = num1-num2;
                }else if (func=="乘") {
                    result = num1*num2;
                } else {
                    result = num1/num2;
                }
                
                document.getElementById("result").innerHTML="最终的结果是" + result.toString();
                
            } else {
                window.alert("请输入正确的数字。");
            }
            
        }
    
    </script>
</html>

但是我一运行,点那个按钮不起作用,怎么办?

  • 写回答

1条回答 默认 最新

  • 渣男 2022-01-14 21:26
    关注

    img


    注意看控制台的报错 这个变量未定义 变量名写错了

    img

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

报告相同问题?

问题事件

  • 系统已结题 1月22日
  • 已采纳回答 1月14日
  • 创建了问题 1月14日

悬赏问题

  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)
  • ¥20 matlab yalmip kkt 双层优化问题
  • ¥15 如何在3D高斯飞溅的渲染的场景中获得一个可控的旋转物体