html中javascript计算加减乘除，哪位大哥帮帮忙啊！

Posted 2023-04-17

首先 给每个文本框一个ID
暂且以 one two result来表示

给操作符一个ID :op

var one=document.getElementById("one").value;
var two=document.getElementById("two").value;

var op=document.getElementById("op").value;
switch(op)
case "+":

result.value=parseInt(one)+parseInt(two);

break;
case "-":
result.value=parseInt(one)-parseInt(two);

break;
result.value=parseInt(one)*parseInt(two);

case "*":
break;
result.value=parseInt(one)/parseInt(two);

case "/":
break;

细节方面就看你自己了 参考技术A 你好，你需要怎么帮忙啊？是我直接帮你写了？还是教你怎么写？ 参考技术B 数量：<input type="text" value="" id="qty" maxLength=9 onblur="Cac();">
单价：<input type="text" value="" id="price" maxLength=9 onblur="Cac();">
金额：<input type="text" value="" id="total" maxLength=9>

<script language="javascript">
Number.prototype.Floats = function (n)if(this!=null)var val=this;var Num=10;var temp,temp1;var k;Num=Math.pow(10,n+1);temp=parseFloat(val);if(temp>=0)k=1;else k=-1;;temp=Math.abs(temp);temp1=temp;temp=(temp*Num)%10;temp=Math.round(temp*100)/100;if(temp>=5)temp=(parseFloat(temp1)*Num)-temp;temp=temp+10;temp=temp/Num;else temp=(parseFloat(temp1)*Num)-temp;temp=temp/Num;;temp=Math.round(parseFloat(temp)*Math.pow(10,n))/Math.pow(10,n);return isNaN(k*temp)?"":k*temp;else return 0;
function Cac()
var d = ;
d.qty = document.getElementById("qty").value;
d.price = document.getElementById("price").value;
d.total = document.getElementById("total").value;

d.qty = (!isNaN(parseFloat(d.qty))) ? parseFloat(d.qty) : 0;
d.price = (!isNaN(parseFloat(d.price))) ? parseFloat(d.price) : 0;
d.total = parseFloat(d.qty*d.price);
d.total = d.total.Floats(2);
document.getElementById("total").value = d.total;


</script> 参考技术C <script language="javascript">
function calc()

var op1 = document.all('txtOpNum1').value;
var op2 = document.all('txtOpNum2').value;
var op = document.all('selOp').value;
var result = eval(op1+op+op2);
document.all('txtResult').value = result;
alert(result);

</script>

<input type="text" id="txtOpNum1" width="120"/>
<select id="selOp">
<option selected value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="txtOpNum2" width="120"/>
<input type="button" id="btnCalc" width="60" value="计算" onclick="calc();"/>
<input type="text" id="txtResult" width="120"/>

以上代码直接存为 htm 文件 ，可以运行。本回答被提问者采纳

javascript 精确加减乘除

      最近一个项目中要使用 JS 实现自动计算的功能，本以为只是实现简单的加、减、乘、除就可以了，于是三下五除二做完了。

      正当我窃喜的时候，发现问题了。。。

      进行一些浮点数运算时，计算结果都是让我大跌眼镜啊，那个值让我哭笑不得，一长串的值，太牛了。。。

      我那个纳闷啊！！不过还好牛人多，给了我一解决方案，嘿嘿。。。问题基本上解决了，为了表示感觉，我决定把代码贴出来，大家共享一下，希望能给部分人一些帮助。

Js代码  

1. //加法函数  
2. function accAdd(arg1, arg2) {  
3.     var r1, r2, m;  
4.     try {  
5.         r1 = arg1.toString().split(".")[1].length;  
6.     }  
7.     catch (e) {  
8.         r1 = 0;  
9.     }  
10.     try {  
11.         r2 = arg2.toString().split(".")[1].length;  
12.     }  
13.     catch (e) {  
14.         r2 = 0;  
15.     }  
16.     m = Math.pow(10, Math.max(r1, r2));  
17.     return (arg1 * m + arg2 * m) / m;  
18. }   
19. //给Number类型增加一个add方法，，使用时直接用 .add 即可完成计算。   
20. Number.prototype.add = function (arg) {  
21.     return accAdd(arg, this);  
22. };  
23.   
24. //减法函数  
25. function Subtr(arg1, arg2) {  
26.     var r1, r2, m, n;  
27.     try {  
28.         r1 = arg1.toString().split(".")[1].length;  
29.     }  
30.     catch (e) {  
31.         r1 = 0;  
32.     }  
33.     try {  
34.         r2 = arg2.toString().split(".")[1].length;  
35.     }  
36.     catch (e) {  
37.         r2 = 0;  
38.     }  
39.     m = Math.pow(10, Math.max(r1, r2));  
40.      //last modify by deeka  
41.      //动态控制精度长度  
42.     n = (r1 >= r2) ? r1 : r2;  
43.     return ((arg1 * m - arg2 * m) / m).toFixed(n);  
44. }  
45.   
46. //给Number类型增加一个add方法，，使用时直接用 .sub 即可完成计算。   
47. Number.prototype.sub = function (arg) {  
48.     return Subtr(this, arg);  
49. };  
50.   
51. //乘法函数  
52. function accMul(arg1, arg2) {  
53.     var m = 0, s1 = arg1.toString(), s2 = arg2.toString();  
54.     try {  
55.         m += s1.split(".")[1].length;  
56.     }  
57.     catch (e) {  
58.     }  
59.     try {  
60.         m += s2.split(".")[1].length;  
61.     }  
62.     catch (e) {  
63.     }  
64.     return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);  
65. }   
66. //给Number类型增加一个mul方法，使用时直接用 .mul 即可完成计算。   
67. Number.prototype.mul = function (arg) {  
68.     return accMul(arg, this);  
69. };   
70.   
71. //除法函数  
72. function accDiv(arg1, arg2) {  
73.     var t1 = 0, t2 = 0, r1, r2;  
74.     try {  
75.         t1 = arg1.toString().split(".")[1].length;  
76.     }  
77.     catch (e) {  
78.     }  
79.     try {  
80.         t2 = arg2.toString().split(".")[1].length;  
81.     }  
82.     catch (e) {  
83.     }  
84.     with (Math) {  
85.         r1 = Number(arg1.toString().replace(".", ""));  
86.         r2 = Number(arg2.toString().replace(".", ""));  
87.         return (r1 / r2) * pow(10, t2 - t1);  
88.     }  
89. }   
90. //给Number类型增加一个div方法，，使用时直接用 .div 即可完成计算。   
91. Number.prototype.div = function (arg) {  
92.     return accDiv(this, arg);  
93. };   

//加法函数
function accAdd(arg1, arg2) {
	var r1, r2, m;
	try {
		r1 = arg1.toString().split(".")[1].length;
	}
	catch (e) {
		r1 = 0;
	}
	try {
		r2 = arg2.toString().split(".")[1].length;
	}
	catch (e) {
		r2 = 0;
	}
	m = Math.pow(10, Math.max(r1, r2));
	return (arg1 * m + arg2 * m) / m;
} 
//给Number类型增加一个add方法，，使用时直接用 .add 即可完成计算。 
Number.prototype.add = function (arg) {
	return accAdd(arg, this);
};

//减法函数
function Subtr(arg1, arg2) {
	var r1, r2, m, n;
	try {
		r1 = arg1.toString().split(".")[1].length;
	}
	catch (e) {
		r1 = 0;
	}
	try {
		r2 = arg2.toString().split(".")[1].length;
	}
	catch (e) {
		r2 = 0;
	}
	m = Math.pow(10, Math.max(r1, r2));
     //last modify by deeka
     //动态控制精度长度
	n = (r1 >= r2) ? r1 : r2;
	return ((arg1 * m - arg2 * m) / m).toFixed(n);
}

//给Number类型增加一个add方法，，使用时直接用 .sub 即可完成计算。 
Number.prototype.sub = function (arg) {
	return Subtr(this, arg);
};

//乘法函数
function accMul(arg1, arg2) {
	var m = 0, s1 = arg1.toString(), s2 = arg2.toString();
	try {
		m += s1.split(".")[1].length;
	}
	catch (e) {
	}
	try {
		m += s2.split(".")[1].length;
	}
	catch (e) {
	}
	return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
} 
//给Number类型增加一个mul方法，使用时直接用 .mul 即可完成计算。 
Number.prototype.mul = function (arg) {
	return accMul(arg, this);
}; 

//除法函数
function accDiv(arg1, arg2) {
	var t1 = 0, t2 = 0, r1, r2;
	try {
		t1 = arg1.toString().split(".")[1].length;
	}
	catch (e) {
	}
	try {
		t2 = arg2.toString().split(".")[1].length;
	}
	catch (e) {
	}
	with (Math) {
		r1 = Number(arg1.toString().replace(".", ""));
		r2 = Number(arg2.toString().replace(".", ""));
		return (r1 / r2) * pow(10, t2 - t1);
	}
} 
//给Number类型增加一个div方法，，使用时直接用 .div 即可完成计算。 
Number.prototype.div = function (arg) {
	return accDiv(this, arg);
}; 

 使用方法：

Js代码  

1. //加法示例（其它的都类似）  
2. function calculate() {  
3.     //数字1  
4.                 var num1 = 10;  
5.                 //数字2  
6.                 var num2 = 5;  
7.                 //计算 num1 + num2  
8.                 alert(num1.add(num2));  
9. }  

//加法示例（其它的都类似）
function calculate() {
	//数字1
                var num1 = 10;
                //数字2
                var num2 = 5;
                //计算 num1 + num2
                alert(num1.add(num2));
}