DOM编程练习(一)
来源:互联网 发布:塔利班和中国关系 知乎 编辑:程序博客网 时间:2024/06/05 03:02
1、制作页面版的资产折旧计算器。
需求:用户在页面上录入资产原价、折旧率以及计算年限,单击“计算”按钮后,计算该资产的折旧价值并显示在页面上。
===================================答案=======================================
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);}}
实现效果如图:
3 0
- DOM编程练习(一)
- DOM编程练习(二)
- DOM编程练习(三)
- 编程练习(一)
- DOM解析xml练习(一)
- DOM高级编程(一)
- DOM编程-事件(一)
- 《DOM编程艺术》一、DOM
- MapReduce编程练习(一)
- 编程练习2(一)
- DOM对象编程练习小结
- dom 练习一 访问节点
- Xerces-C++ DOM编程指南(一)
- javascript与dom编程(一)
- JavaScript DOM 编程艺术读后感(一)
- DOM编程艺术学习(一)
- JavaScript DOM编程艺术读后感(一)
- 《JavaScript DOM 编程艺术》小结(一)
- Linux 下SVN 命令行的使用
- 陶陶的难题
- 开发中遇到的错误
- ZOJ 1037 Gridland
- markdown使用LaTex输入数学公式类
- DOM编程练习(一)
- jquery添加中append和after的区别
- 【Android 2d游戏开发(1)】——五子棋
- memcached的最佳实践方案
- 快速掌握Lua 5.3 —— 调试库 (2)
- 字符串匹配
- ECNU_OJ_1002
- XML以及XML解析方式[DOM+SAX]
- AngularJs的post传递参数action接不到