DOM编程练习(一)
2016-03-12 13:44
309 查看
1、***页面版的资产折旧计算器。
需求:用户在页面上录入资产原价、折旧率以及计算年限,单击“计算”按钮后,计算该资产的折旧价值并显示在页面上。
===================================答案=======================================
html代码:
depreciation.js文件代码:
实现效果如图:
需求:用户在页面上录入资产原价、折旧率以及计算年限,单击“计算”按钮后,计算该资产的折旧价值并显示在页面上。
===================================答案=======================================
html代码:
</head> <style> div{ width:200px; } </style> <body> <h3>Number对象:计算资产的折旧</h3> <table> <tr> <td> 录入资产采购时的价值: </td> <td> <input id="inp1" type="text" value="10000"/> </td> </tr> <tr> <td> 录入折旧率: </td> <td> <input id="inp2" type="text" value="0.15" /> </td> </tr> <tr> <td> 录入计算年限: </td> <td> <input id="inp3" type="text" value="5"/> </td> </tr> <tr> <td> <input id="count" type="button" value="计算" onclick="count()"/> </td> </tr> <tr> <th>年限 剩余价值</th> </tr> </table> <div id="maindiv"></div> </body> <script type="text/jscript" src="depreciation.js" language="javascript"></script> </html>
depreciation.js文件代码:
function count(){ var total = document.getElementById("inp1"); var total_v = total.value; var rate = document.getElementById("inp2"); var rate_v = rate.value; var year = document.getElementById("inp3"); var year_v = year.value; var divmain = document.getElementById("maindiv"); for(var i =1;i<=year_v;i++){ var inputcount = document.createElement("input"); inputcount.id="inp"+i; var result =total_v*Math.pow((1-rate_v),i); inputcount.value=i+" "+result.toFixed(2); divmain.appendChild(inputcount); } }
实现效果如图:
相关文章推荐
- Dubbo与Zookeeper、SpringMVC整合和使用(负载均衡、容错)
- 搭建Hadoop2.7.2开发环境1(编译Eclipse中hadoop插件hadoop2x-eclipse-plugin)
- 使用基于ThinkPHP3.2.3的ThinkAdmin创建手机电脑通用的表白墙(六)表白页面
- 关于java开发技巧
- SPRING循环依赖(circular reference)的解决方法
- spring security执行流程图
- Python Multinomial Logistics 实现MNIST分类
- Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
- c++ 实现动态顺序表(拷贝构造 赋值运算符重载等操作)
- c++ 写时拷贝
- c++ 深浅拷贝(传统写法 xain'dai'xie'fa)
- c语言常见50题 及答案(递归 循环 以及常见题目)
- 【零基础入门学习Python笔记012】一个打了激素的数组3
- java中集合类的一些简单总结
- Python标准库:内置函数bytearray([source[, encoding[, errors]]])
- Goldengate 使用definition file完成异构表同步
- C++实验1-三个整数输出最大值
- mongoose中如何给数据添加对应schema中没有的字段
- java内存溢出
- WebGIS中基于AGS的画圆查询简析以及通过Polygon来构造圆的算法