输入二个整数和符号,死循环判断加减乘除,并显示在页面

自己写的,不是很完美,有判断输入数字的非法性,用了if else()语句,还有反引号``动态输出数据,反引号会影响性能。如果没正常显示,清一下缓存或者多刷新一下,给个赞呗,哈哈哈。

记得第一个弹出框数字是整数,第二个弹出框是计算符号,第三个是整数

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 800px;
            margin: 100px auto;

        }
    </style>
</head>

<body>
    <script>
        let count = 0;
        while (true) {
            let num1 = + prompt("请输入第一个数字:")//string转为整数
            let symbol_ = prompt("请输入符号(+,-,*,/):")
            let num2 = parseInt(prompt("请输入第二个数字:"))//string转为整数
            //let symbol_
            //Uncaught SyntaxError: Identifier 'symbol_' has already been declared
            //标识符               已经      被        声明过
            let num

            // if (num1 != isNaN() && num2 != isNaN()) {
            //     alert("请输入正确的数字")
            // }
            if (symbol_ == "/" && num1 != isNaN() && num2 != isNaN()) {
                num = num1 / num2
                fun()
                //因为break ,会直接跳出,如果不调用fun(),会出现空白
                break
            } else if (symbol_ == "+" && num1 != isNaN() && num2 != isNaN()) {
                num = num1 + num2
                fun()
                break
            } else if (symbol_ == "-" && num1 != isNaN() && num2 != isNaN()) {
                num = num1 - num2
                fun()
                break
            } else if (symbol_ == "*" && num1 != isNaN() && num2 != isNaN()) {
                num = num1 * num2
                fun()
                break
            }
            // } else {
            //     alert("你输入的数据有误")
            // }


            //14-3今日目标.html:22 [Violation] Avoid using document.write(). https://developers.google.com/web/updates/2016/08/removing-document-write
            // document.write(`
            function fun() {
                document.write(`
        <div>
         你输入的第二个数字:${num1}, 你输入的第二个数字:${num2},运算结果为:${num}
            <p>
            <input type="text" value="${num1}" disabled>${symbol_}<input type="text" value="${num2}" disabled>= <input
                type="text" value="${num}" disabled>
            </p>
        </div>
          `)
            }

            count++
            // 死循环,记得++
        }

 //Uncaught ReferenceError: n is not defined at 14-3今日目标.html:43
 // <input type="text" value="${num1}" disabled>${n}<input type="text" value="${num2}" 


    </script>

</body>

</html>

求指正和改进,谢谢!!!


版权声明:本文为weixin_46116512原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。