全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
查看: 4239|回复: 11

html编程求助

[复制链接]
发表于 2016-3-11 00:33:35 | 显示全部楼层 |阅读模式
需要设计一个计算程序,但是皮画出来了,核心内容却不懂得如何写了. 如何在按钮事件中将文本框1和文本框2的数据经过指定方法处理,将值付给文本框3呢? 谢谢了.
二楼是演示.


 楼主| 发表于 2016-3-11 00:35:01 | 显示全部楼层
Screenshot.png (26.55 KB, 下载次数: 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>
复制代码

gong.html.zip (462 Bytes, 下载次数: 826)
发表于 2016-3-11 02:10:16 | 显示全部楼层
  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>
复制代码

评分

参与人数 1威望 +25 收起 理由
欧阳逍遥 + 25 乐于助人

查看全部评分

 楼主| 发表于 2016-3-11 02:26:52 | 显示全部楼层

谢谢您的帮助,如果想对结果进行四舍五入呢? 谢谢
发表于 2016-3-11 08:16:21 | 显示全部楼层
慢慢学吧,小朋友
发表于 2016-3-11 10:26:28 | 显示全部楼层

乐于助人+1008611
发表于 2016-3-11 10:36:02 | 显示全部楼层
  1. Math.round
复制代码
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2025-1-18 21:16 , Processed in 0.090080 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表