iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript实现简易计算器功能的两种方法
  • 659
分享到

JavaScript实现简易计算器功能的两种方法

2024-04-02 19:04:59 659人浏览 独家记忆
摘要

本文实例为大家分享了两种javascript实现简易计算器功能的具体代码,供大家参考,具体内容如下 1. 使用基本数据类型 注意点: prompt 用户从浏览器输入的任何数据都是字符

本文实例为大家分享了两种javascript实现简易计算器功能的具体代码,供大家参考,具体内容如下

1. 使用基本数据类型

注意点: prompt 用户从浏览器输入的任何数据都是字符串型的,使用数字需要强制转换

// 简易对象器
function input1(){
    var num1 = prompt('请输入第一个数:');
    return parseFloat(num1);
}
function input2(){
    var num2 = prompt('请输入第二个数:');
    return parseFloat(num2);
}
// 1. 加法运算
function add(num1, num2){
    return num1 + num2;
}
// 2. 减法运算
function sub(num1, num2){
    return num1 - num2;
}
// 3. 乘法运算
function multiply(num1, num2){
    return num1 * num2;
}
// 4. 除法运算
function divition(num1, num2){
    return num1 / num2;
}
var str = '欢迎使用简易计算器:\n1. 加法运算;\n2. 减法运算;\n3. 乘法运算;\n4. 除法运算;\n5. 退出:\n请输入您的选项';
var option;
var result;
do{
    option = parseFloat(prompt(str));
    switch (option){
    case 1:
        result = add(input1(), input2());
        alert('结果是 ' + result);
        break;
    case 2:
        result = sub(input1(), input2());
        alert('结果是 ' + result);
        break;
    case 3:
        result = multiply(input1(), input2());
        alert('结果是 ' + result);
        break;
    case 4:
        result = divition(input1(), input2());
        alert('结果是 ' + result);
        break;
    case 5:
        alert('已退出程序');
        break;
    default:
        alert('输入错误,请重新输入');
        break;
    }
} while(option != 5);

效果展示:

2.使用对象,将简易计算器作为一个对象创建

注意点:构造函数命名首字母大写

 // 创建简易计算器, 一个运算类 注意构造函数命名 首字母大写
function Counter(num1, num2){
    //输入 数据 这里感觉好像有点多于,但是没有的话,又有点奇怪 可以把下面num1num2全部加上this
    this.num1 = num1;
    this.num2 = num2;
    // 加
    this.add = function(){
        return num1 + num2;
    }
    // 减
    this.sub = function(){
        return num1 - num2;
    }
    // 乘
    this.multiply = function(){
        return num1 * num2;
    }
    // 除
    this.divition = function(){
        return num1 / num2;
    }
}
function input1(){
    var num1 = prompt('请输入第一个数:');
    return parseFloat(num1);
}
function input2(){
    var num2 = prompt('请输入第二个数:');
    return parseFloat(num2);
}
var str = '欢迎使用简易计算器:\n1. 加法运算;\n2. 减法运算;\n3. 乘法运算;\n4. 除法运算;\n5. 退出:\n请输入您的选项';
var option = 0;
var result;
while(option != 5){
    option = parseFloat(prompt(str));
    if(option != 5){ //防止输入5后下一步还运行创建新运算对象,所以直接跳过去选择case5然后跳出循环
        var counter_new = new Counter(input1(), input2()); // 新的运算对象
    }
    switch (option){
    case 1:
        result = counter_new.add();
        alert('结果是 ' + result);
        break;
    case 2:
        result = counter_new.sub();
        alert('结果是 ' + result);
        break;
    case 3:
        result = counter_new.multiply();
        alert('结果是 ' + result);
        break;
    case 4:
        result = counter_new.divition();
        alert('结果是 ' + result);
        break;
    case 5:
        alert('已退出程序');
        break;
    default:
        alert('输入错误,请重新输入');
        break;
    }
} 

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

--结束END--

本文标题: JavaScript实现简易计算器功能的两种方法

本文链接: https://www.lsjlt.com/news/165591.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作