简易版网页计算器js代码页面

本文档展示了如何使用JavaScript编写一个简易的网页计算器。包括获取用户输入、清除数据、处理错误、获取运算符、计算结果等功能。代码逻辑清晰,涵盖加、减、乘、除、取模等基本运算,并处理了除数为零的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var initData="";
var lastOp="";
var num1="";
var num2="";
var result = "";

/**
需求:获取数据
思路:    1.获取当前文本框中的内容(var默认字符串型)
        2.将用户输入的数据以字符串型连接到当前字符串的后面()
*/
function getNum(num) {
    initData += num;
    showData(initData);
}
/**
需求:清除结果显示
思路:    1.将文本框中的初始数据置为空
        2.将操作数num1和num2的内容都清空
        3.将文本框中显示的内容置为空
*/
function clearAll() {
    //document.getElementById("result").value =0;
    initData="";
    num1="";
    num2="";
    showData("");
}
/**
需求:清除错误输入
思路:    1.将文本框中的值赋给变量str
        2.用字符串的substr方法截取字符串str的从0到length-1长度的值,显示在文本框中
*/
function clearLast() {
    var str = document.getElementById("result").value;
    showData(str.substr(0,str.length-1));
}
/**
需求:获取操作符
思路:    1.获取用户最后一次单击的操作符按钮的值,
        2.将用户在最后一次单击操作符按钮之前的文本框中的初始值initData转化为float型赋给num1
        3.将initData的值置空,以便接收操作数num2
*/
function getOp(op) {
    lastOp = op;
    num1 = parseFloat(initData);
    initData="";
}
/**
需求:获得结果
思路:    1.将用户输入的字符串类型的数据initData转化为float型赋给num2
        2.调用cal(num1,num2,lastOp)方法,计算输入的两个数和操作符的运算结果
        3.将得到的结果显示到文本框中
*/
function getResult() {
    num2 = parseFloat(initData);
    result = cal(num1,num2,lastOp);
    showData(result);
}
/**
需求:计算
思路:    1.判断输入的操作符种类,用switch分支语句实现
        2.根据操作符的不同,进行不同的计算
            a.当操作符为+、-、*、%时,分别执行相应的操作
            b.当操作符为/时,进行除数是否为0的判断
                (1)若为0,弹出对话框提示除数不能为0!
        3.将结果返回
*/
function cal(num1,num2,lastOp){
    
    switch(lastOp) {
        case '+':
            result = num1 + num2;
            break;
        case '-':
            result = num1 - num2;
            break;
        case '*':
            result = num1 * num2;
            break;
        case '/':
            if(num2 == 0) {
                alert("除数不能为0!");
                return ;
            }else {
                result = num1 / num2;
                break;
            }
        case '%':
            result = num1 % num2;
            break;
    }
    return result;
}
//显示数据
function showData(data) {
    document.getElementById("result").value = data;
}
//如果str为正数,-str为负数,如果str为负数,-str为正数
//+/-显示
function pn(){
    var str = document.getElementById("result").value;
    var num = parseFloat(str);
    if(num > 0){
        initData = -num;
    }else {
        initData = Math.abs(num);    
    }
    document.getElementById("result").value = initData;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值