JS在html中加法器,简略的js加法器

当前位置:我的异常网» JavaScript » 简略的js加法器

简略的js加法器

www.myexceptions.net  网友分享于：2013-08-26  浏览：198次

简单的js加法器

在網上找來的一篇不錯js加法器的程序，供大家一起學習

加法器

td{border-width:2px;width:100px;}

input{width:200px;}

#output{width:200px; margin:2px;}

button{width:50px;}

td:nth-child(2n-1){width:400px; text-align:center;}

tr:nth-child(2n-1){background-color:#eeeeee;}

加法器

var i = 0;

function del(x){

var index = x.parentNode.parentNode.rowIndex;

document.getElementById("addall").deleteRow(index);

sum();

}

function add(){

var tr = document.createElement("tr");

var td1 = document.createElement("td");

var input = document.createElement("input");

input.name = "shit";

input.οnmοuseοut=function(){sum();}

td1.appendChild(input);

tr.appendChild(td1);

var td2 = document.createElement("td");

var btn = document.createElement("button");

btn.onclick = function(){del(this);}

btn.innerHTML = "del";

td2.appendChild(btn);

tr.appendChild(td2);

document.getElementsByTagName("tbody")[0].appendChild(tr);

}

function sum(){

var shits = document.getElementsByName("shit");

var cnt = 0;

for(var i = 0; i < shits.length; i++){

//  alert(shits[i].value);

var str = shits[i].value.match(/[-+]?\d+/g);

if(str != null)

shits[i].value = str[0];

else{

//      alert(x);

shits[i].value = "";

}

if(!isNaN(shits[i].value) && shits[i].value != ""){

cnt += parseInt(shits[i].value,10);

}

}

if(isNaN(cnt))cnt = 0;

document.getElementById("output").value = cnt;

}

添加

价格	删除键
	del

总计

文章评论