starry_sky4514 2023-03-02 20:09 采纳率: 73.3%
浏览 17
已结题

不能完整运行，而且排版有错误，可以怎么改


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>简易计算机</title>
        <script type="text/javascript">
            function compute(obj){
                let num1,num2;
                a = Number(document.getElementById("txtNum1").value);
                b = Number(document.getElementById("txtNum2").value);
                let result;
                switch(obj){
                    case "+":
                    result = num1 + num2;
                    break;
                    case "-":
                    result = num1 - num2;
                    break;
                    case "*":
                    result = num1 * num2;
                    break;
                    case "/":
                    result = num1 / num2;
                    break;
                    document.getElementById("txtResult").value=result;
                }
            }
        </script>
    </head>
    <body>
    <h1>简易计算机</h1>
    <table>
        <tr>
            <td>第一个数<input name="txtNum1"/></td>
        </tr>
        <tr>
            <td>第二个数<input name="txtNum2"/></td>
        </tr>
        <tr>
            <td>
                <input type="button" value=" + " onClick="compute('+')">
            </td>
            <td>
                <input type="button" value=" - " onClick="compute('-')">
            </td>
            <td>
                <input type="button" value=" * " onClick="compute('*')">
            </td>
            <td>
                <input type="button" value=" / " onClick="compute('/')">
            </td>
        </tr>
        <tr>
            <td>计算结果<input type="text" id="txtResult"/></td>
        </tr>
    </table>
    </body>
</html>
  • 写回答

3条回答 默认 最新

  • MarkHan_ 2023-03-02 20:22
    关注

    该回答引用GPTᴼᴾᴱᴺᴬᴵ
    下面是修改后的代码，主要是修复了变量名错误以及 switch case 语句位置错误的问题：

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>简易计算机</title>
        <script type="text/javascript">
            function compute(operator){
                let num1 = Number(document.getElementById("txtNum1").value);
                let num2 = Number(document.getElementById("txtNum2").value);
                let result;
                switch(operator){
                    case "+":
                        result = num1 + num2;
                        break;
                    case "-":
                        result = num1 - num2;
                        break;
                    case "*":
                        result = num1 * num2;
                        break;
                    case "/":
                        result = num1 / num2;
                        break;
                }
                document.getElementById("txtResult").value=result;
            }
        </script>
    </head>
    <body>
    <h1>简易计算机</h1>
    <table>
        <tr>
            <td>第一个数<input id="txtNum1"/></td>
        </tr>
        <tr>
            <td>第二个数<input id="txtNum2"/></td>
        </tr>
        <tr>
            <td>
                <input type="button" value=" + " onClick="compute('+')">
            </td>
            <td>
                <input type="button" value=" - " onClick="compute('-')">
            </td>
            <td>
                <input type="button" value=" * " onClick="compute('*')">
            </td>
            <td>
                <input type="button" value=" / " onClick="compute('/')">
            </td>
        </tr>
        <tr>
            <td>计算结果<input type="text" id="txtResult"/></td>
        </tr>
    </table>
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 3月11日
  • 已采纳回答 3月3日
  • 创建了问题 3月2日

悬赏问题

  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗？在Android studio上该如何部署？
  • ¥170 如图所示配置eNSP
  • ¥20 docker里部署springboot项目，访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏！微信开发者工具报错，求帮改
  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上