在網上找來的一篇不錯js加法器的程序，供大家一起學習
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--文档规范-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--字符集-->
<title>加法器</title><!--标题集-->
<style type="text/css">
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;}
</style>
<h3>加法器</h3>
<script type="text/javascript">
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.onmouseout=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;
}
</script>
</head>
<body>
<button onclick=add()>添加</button>
<table id="addall">
<tr>
<td>价格</td>
<td>删除键</td>
</tr>
<tr>
<td><input name="shit" onmouseout=sum()></input></td>
<td><button onclick=del(this)>del</button></td>
</tr>
</table>
<input id="output" disabled=disabled>总计</input>
</body>
</html>
分享到：
相关推荐
JavaWeb是一种基于Java技术的Web应用开发...这个简单的加法器项目是学习JavaWeb基础的一个好例子，涵盖了Web开发中的许多核心概念和技术。通过实践这样的项目，开发者可以加深对JavaWeb的理解，并提升实际开发能力。
以下是对"简单的js大整数加法"这个主题的详细解释。 首先，了解JavaScript中的数字类型。JavaScript的Number类型是双精度浮点数，遵循IEEE 754标准。这意味着它在存储大整数时会受到限制，超过9007199254740992（即...
加法器 简单的计算器程序 使用 ReactJS、WebPack、Babel、Jest。 由于 Jest 和 Jsdom 的限制，测试需要在节点 0.10 中运行。 安装 npm install npm run build npm start 测试 npm test 发展 npm run watch 去做 键盘...
在ASP技术中，编写一个加法器是基础的编程练习，它涉及到变量的使用、算术运算以及输出结果。下面我们将深入探讨如何在ASP中实现这个功能。 首先，我们需要了解ASP的基本结构。一个简单的ASP页面通常包含HTML代码和...
`db-js` 是一个基于JavaScript的项目，它利用了Web Audio API来实现一个加法器式合成器（Additive Synthesizer）的原型。加法器合成器是一种合成技术，通过将多个纯音（正弦波）叠加在一起来创建复杂的音色。 **Web...
- **条件语句（Conditional Statements）**：根据用户输入的运算符进行不同的计算逻辑，如加法、减法、乘法和除法。 - **循环（Loops）**：在某些复杂的计算中可能需要用到，但在这个简单的计算器中可能不涉及。 ...
在这个场景中，我们讨论的是使用JavaScript实现一个简单的计算器功能。这个功能通常包括基本的算术运算，如加、减、乘、除，以及可能的括号支持和清零操作。 首先，我们需要在HTML文件中创建计算器的用户界面。这...
加法器MATLAB代码一年的代码 A Year of Code是未来 365 天的项目，从 2017 年 3 月 3 日开始，到 2018 年 3 月 3 日结束。 这是一个个人项目，每天通过小幅增量不断更新和提高我的技能。 即使那天我没有认真编写代码...
这款简单的js随机数学加法计算答题代码提供了这样的实践平台，让学生或初学者能够通过实际操作来加深对JavaScript的理解。 首先，我们需要在HTML文件（如`index.html`）中创建用户界面。这个界面通常包括两个输入框...
JavaScript基础语法资料 JavaScript代码 素材 笔记 作业资料，学习资料 01-编程语言.html 02-JS初体验.html 03-JS注释.html 04-JS输入输出语句.html ...25-简单加法器案例.html 26-转换为布尔型.html my.js
计算器用途：这种加法器计算器在增加或减少钱款（例如平衡支票簿，缴税或进行其他需要仔细检查输入项的其他计算）时，对于保持总计或“纸胶带”很有用。 在计算器中输入值和运算符，然后在下面查看数学。 打印加法器...
2. **事件处理**：JavaScript中的事件监听器是实现用户交互的核心。在计算器上，每个数字按钮和运算符按钮都需要绑定对应的点击事件，当用户点击这些按钮时，相应的函数会被调用。 3. **数据存储与计算**：计算器...
总结起来，这个“纯javascript制作的简单js计算器效果”项目展示了JavaScript处理用户输入、执行计算、更新UI以及CSS3美化界面的能力。通过学习和分析这个项目，开发者可以深入理解前端开发中的基础概念，包括事件...
JavaScript（简称JS）是一种轻量级的脚本语言，广泛应用于网页和网络应用开发，包括交互式用户界面、动态网站内容以及现在所提及的——简单的计算器。在这个项目中，我们将探讨如何使用JavaScript来创建一个基本的...
JavaScript简单计算器是一个基础的编程项目，它通过使用JavaScript语言，结合HTML和CSS，为用户提供一个在浏览器环境中进行基本数学运算的界面。这个计算器通常包括加、减、乘、除等基本功能，对于初学者来说，这是...
权限高于潜在加法器的客户端， 具有VIEW_AUDIT_LOGS权限的客户端， 根据文件具有BAN_MEMBERS或KICK_MEMBERS权限的客户端。 安装 下载链接，然后在其中打开命令提示符并键入： npm install 配置 需要编辑 默认 类型...
"待办事项_web"是一个简单的在线加法器网站项目，主要使用JavaScript技术实现。这个项目包含四个关键页面：首页、待办事项页面、完成页面和所有列表页面，为用户提供了一个管理任务并进行基本数学运算的环境。值得...
在解决方案资源管理器中，右键点击项目，选择“添加引用”，然后在“.NET”选项卡中勾选“MicrosoftAjax.js”和“MicrosoftAjaxWebForms.js”。这会将必要的AJAX库添加到项目中。 3. **创建ASP.NET表单** 在默认...
5. **数学运算**：实际的加法操作非常简单，只需要调用语言内置的加法运算符（如Python的`+`，JavaScript的`+`）。如果考虑浮点数，需要注意精度问题。 6. **结果展示**：计算结果需要在界面上显示，这可能涉及到...
在JavaScript中，我们可以定义一个向量类，包含加法、减法、标量乘法、点积、叉积等方法，以便进行二维或三维空间中的几何计算。这在物理、工程或者图形学等领域非常有用。 接下来，`cal.html`是计算器的用户界面...