您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

JavaScript实现简单计算器小功能

51自学网 2022-02-21 13:41:13
  javascript

本文实例为大家分享了JavaScript实现简单计算器的具体代码,供大家参考,具体内容如下

此例为简单的计算器:

代码示例:

<!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>        var choice = prompt('欢迎使用简易计算器:/n1.加法运算;/n2.减法运算;/n3.乘法运算;/n4.除法运算;/n5.退出;/n请输入您的选项:');        switch (choice) {            case '1':                add();                break;            case '2':                sub();                break;            case '3':                multiplication();                break;            case '4':                division();                break;            case '5':                alert('已退出')                break;        }        // 加        function add() {            var num = prompt('请输入要进行加法运算的数字个数:');            var sum = 0;            var arr = [];            for (var i = 0; i < num; i++) {                arr[i] = prompt('请输入第' + (i + 1) + '个数字的值:');                console.log(arr[i]);                sum += parseFloat(arr[i]);                /*                 注意:这种写法可以给arr数组赋值,但是不能调用arr[arr.length],调用得到undefined                arr[arr.length] = prompt('请输入第' + (i + 1) + '个数字的值:');                console.log(arr[arr.length]);                sum += parseFloat(arr[arr.length]);                 */            }            alert(arr + '这些数字的和为:' + sum);        }        // 减        function sub() {            var number1 = prompt('请输入第一个值:');            var number2 = prompt('请输入第二个值:');            var result = parseFloat(number1) - parseFloat(number2);            alert(number1 + '减去' + number2 + '的值为:' + result);        }        // 乘        function multiplication() {            var number1 = prompt('请输入第一个值:');            var number2 = prompt('请输入第二个值:');            var result = parseFloat(number1) * parseFloat(number2);            alert(number1 + '乘以' + number2 + '的值为:' + result);        }        // 除        function division() {            var number1 = prompt('请输入第一个值:');            var number2 = prompt('请输入第二个值:');            var result = parseFloat(number1) / parseFloat(number2);            alert(number1 + '除' + number2 + '的值为:' + result);        }    </script></head><body></body></html>

注意:尝试用arr[arr.length]赋值和计算,但是只能赋值,不能调用,调用显示arr[arr.length]值为undefined

页面效果:

加:

减:

乘:

除:

退出:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持51zixue.net。


下载地址:
Vue中Router路由两种模式hash与history详解
VUE实现注册与登录效果
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。