全球主机交流论坛

标题: html编程求助 [打印本页]
作者: Ruclinux    时间: 2016-3-11 00:33
标题: html编程求助
需要设计一个计算程序，但是皮画出来了，核心内容却不懂得如何写了. 如何在按钮事件中将文本框1和文本框2的数据经过指定方法处理，将值付给文本框3呢？ 谢谢了.
二楼是演示.


作者: Ruclinux    时间: 2016-3-11 00:35
(, 下载次数: 0)

  1. <html>
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <title>商品价格和扣率计算器</title>
  7. <body>
  8. <form>
  9.   <fieldset>
  10.     <legend>计算供货价格</legend>
  11.     进货价格：<input type="text" />
  12.     增长扣率：<input type="text" />
  13.     供货价格：<input type="text" />
  14. <button type="button">计算</button>
  15.   </fieldset>
  16. </form>
  17. <p>供货价格=进货价格÷(100-供货扣率%)</p>
  18. <form>
  19.   <fieldset>
  20.     <legend>计算进货价格</legend>
  21.     供货价格：<input type="text" />
  22.     增长扣率：<input type="text" />
  23.     进货价格：<input type="text" />
  24. <button type="button">计算</button>
  25.   </fieldset>
  26. </form>
  27. <p>进货价格=供货价格x(100-供货扣率%)</p>
  28. </body>
  29. </head>
  30. </html>
复制代码

(, 下载次数: 839)
作者: loveni    时间: 2016-3-11 01:49
牛逼
作者: wkdhf233    时间: 2016-3-11 02:10
  1. <html>
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <title>商品价格和扣率计算器</title>
  7. <body>
  8. <form>
  9.         <fieldset>
  10.                 <legend>计算供货价格</legend>
  11.                 进货价格：<input type="text" id="input1"/>
  12.                 增长扣率：<input type="text" id="input2"/>
  13.                 供货价格：<input type="text" id="input3"/>
  14. <button type="button" onclick="document.getElementById('input3').value=(document.getElementById('input1').value/(100-document.getElementById('input2').value))*100">计算</button>
  15.         </fieldset>
  16. </form>
  17. <p>供货价格=进货价格÷(100-供货扣率%)</p>
  18. <form>
  19.         <fieldset>
  20.                 <legend>计算进货价格</legend>
  21.                 供货价格：<input type="text" id="input4"/>
  22.                 增长扣率：<input type="text" id="input5"/>
  23.                 进货价格：<input type="text" id="input6"/>
  24. <button type="button" onclick="document.getElementById('input6').value=(document.getElementById('input4').value*(100-document.getElementById('input5').value))/100">计算</button>
  25.         </fieldset>
  26. </form>
  27. <p>进货价格=供货价格x(100-供货扣率%)</p>
  28. </body>
  29. </head>
  30. </html>
复制代码
作者: Ruclinux    时间: 2016-3-11 02:26
wkdhf233 发表于 2016-3-11 02:10

谢谢您的帮助，如果想对结果进行四舍五入呢？ 谢谢
作者: 秋风下的落叶    时间: 2016-3-11 08:16
慢慢学吧，小朋友
作者: maketuwen    时间: 2016-3-11 08:30
学习js
作者: hising    时间: 2016-3-11 10:18
路还很长！！
作者: sense    时间: 2016-3-11 10:26
wkdhf233 发表于 2016-3-11 02:10

乐于助人+1008611
作者: yanghao    时间: 2016-3-11 10:36
  1. Math.round
复制代码
作者: 小旋风    时间: 2016-3-11 10:39
用angular.js会更简单
作者: 楼下节操掉满地    时间: 2016-3-11 11:01
引入decimal.js或者big.js做运算
这种和钱有关系的涉及浮点的直接做原生运算简直在做大死.



欢迎光临 全球主机交流论坛 (https://fd.vvwvv.eu.org/) Powered by Discuz! X3.4