网页版简易计算器，仅用用js基础（do-while、switch等）实现

最新推荐文章于 2022-03-13 22:00:42 发布

云晓-

最新推荐文章于 2022-03-13 22:00:42 发布

阅读量543

点赞数 1

文章标签： js

本文链接：https://blog.youkuaiyun.com/one_bird_/article/details/114361702

版权

目的：

可以实现简单的加减乘除操作，当选择退出的时候可以退出，否则不退出。

思路：

1、用户首先需要输入要进行的操作，并对操作进行判断；
2、使用if，当判断不等于“退出”的时候，用户才可以输入数据；
3、因为主要针对已设置的一系列特定值的选项时，故使用switch；
4、当实现以上情况后，发现无法重复操作，每进行一次操作后，便直接退出。故使用do-while 进行2次判断。

代码实现：

 <!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>简易计算器</title>
    <script>
        do {
            var cz = prompt('请您输入要进行的操作:\n1、加法\n2、减法\n3、乘法\n4、除法\n5、退出');
            if (cz != 5) {
                var num1 = parseFloat(prompt('请您输入第一个数'));
                var num2 = parseFloat(prompt('请您输入第二个数'));
                function getrs(num1, num2) {
                    switch (cz) {
                        case '1':
                            return num1 + num2;
                            break;
                        case '2':
                            return num1 - num2;
                            break;
                        case '3':
                            return num1 * num2;
                            break;
                        case '4':
                            return num1 / num2;

                    }
                }
                var jg = getrs(num1, num2);
                alert('结果为' + jg);
            }
        } while (cz != 5)
        alert('您正在退出！！！');
    </script>
</head>
<body>
</body>
</html>

部分运行截图：

在这里插入图片描述