js 计算html table (包含汇率转换)

in js 代码 with 0 comment

使用js ( javascript ) 来计算html表格的中的数字

function test() {
	
	var rows_c =document.getElementById("table1").getElementsByTagName("tr").length;
//找到id为table1的表格

	//alert(rows_c);
//变量na是要跳过第一行的标题
	var na=1;
	var magic_power=[];
	var money=[]
	while(na < rows_c){
		var rows = document.getElementsByTagName("table")[0].rows;
		var now = rows[na];

		var cell = now.cells[1];//money
		//alert(cell.innerHTML)
  		var money_sp = cell.innerHTML.split(" ");

		//alert(money_sp[0])
		if(money_sp[0]=="¥"){
			var cell2 = now.cells[4];//power

			var value = cell.innerHTML;
			var value2 = cell2.innerHTML;


			var hi = parseFloat(money_sp[1]);
			//js tracking https://lanhaoo.club/;
			money.push(hi);
			
			hi=hi/169.02;

		}else if(money_sp[0]=="$"){
			var cell2 = now.cells[4];//power
			var value = cell.innerHTML;
			var value2 = cell2.innerHTML;

			var hi = parseFloat(money_sp[1]);
			//alert(hi);
			hi=hi*6.7;
			hi=hi.toString().substr(0,4);
			cell.innerHTML=cell.innerHTML+'<br><p style='+'"'+'font-size: 10px'+'"'+'>换算¥'+hi+'</p>';
			
			hi= parseFloat(hi);
			money.push();
			hi=hi/169.02;

		}
		hi=hi*100;
		hi=hi.toString().substr(0,5);
		hi=parseFloat(hi);
		magic_power.push(hi);
		cell2.innerHTML="+"+hi+"%";
		//alert(cell.innerHTML);
		//js tracking https://lanhaoo.club/;
		na=na+1;
		
}
var sum = magic_power.reduce(function(a, b) { return a + b; }, 0);
			/*if(sum>=100){
		document.getElementById("ifsuccess").innerHTML="完成";
	}else{
		document.getElementById("ifsuccess").innerHTML="未完成";
	}*/
	sum=sum.toString().substr(0,5);
	document.getElementById("magic_total").innerHTML=sum+"%";

}

具体的效果可以参考本站的捐助界面

代码也已上传github的gist,如果你想从github上收藏一下的话

研究这个主要是因为本站的捐助界面

下面第一个表格中的值原先每个都是我手动输入的

不仅要把金额打入,还要要写美元的换算以及百分比

是一个非常繁琐的过程,而通过Js,就能让我只写入一个捐助数值,其他都可以自动计算出来。

总体思路就是将每个金额都加入数组,最后再把数组整个加起来。

金额在加入数组时会进行美元或人民币的判断,

如果是人民币,直接加入数组,

如果是美元,先换算人民币,再加入数组。

Responses