js求和

来源：互联网发布：淘宝信欣美妆靠谱吗编辑：程序博客网时间：2024/05/16 14:14

在input 中输入数字，输入方式以“,”分割，利用正则表达式找出来中的数字，利用split把找到的数字放到数组中，因为刚开始是String类型，在计算时需要转换类型，使用parsetInt转换为整型Int型。

放上js代码

var oInput = document.getElementsByTagName("input")[0];var oBtn = document.getElementsByTagName("button")[0];var sum = document.getElementById("sum");oInput.onkeyup =function(){this.value = this.value.replace(/[^(\d)|(,)]/,"");}oBtn.onclick = function (){var s = 0;varoInput = document.getElementsByTagName("input")[0].value.split(",");for(var i in oInput){s = s+ parseInt(oInput[i]);}sum.innerHTML =s;}

使用innerHTML了把结果放到页面上打印出来

css代码

#cc{width: 500px;margin: 0 auto;}#sum{color: red;}

html代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="d.css"></head><body><div id="cc"><input type="text" value="1,2,3,4,5,6,7,8,9"><label>输入数字，每个数字以，号结束</label><br/><button type="submit">求和</button><div id="sum"></div></div><script src="d.js"></script></body></html>

0 0