设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › JS解决四则运算问题
返回列表 发新帖
查看: 2677|回复: 5

[已解决]JS解决四则运算问题

[复制链接]
狗王
发表于 2020-3-18 07:41:36 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8" />
  5.                 <title>四则运算</title>
  6.         </head>
  7.         <body>
  8.                 <p>整数1：<input id="num1" type="text"></p>
  9.                 <p>整数2：<input id="num2" type="text"></p>
  10.                 <p>
  11.                         <input type="button" value="相加" onclick="calc(this)" >
  12.                         <input type="button" value="相减" onclick="calc(this)" >
  13.                         <input type="button" value="相乘" onclick="calc(this)" >
  14.                         <input type="button" value="相除" onclick="calc(this)" >
  15.                 </p>
  16.                 <p>结果：<input id="result" type="text" readonly /></p>
  17.                 <script type="text/javascript">               
  18.                         function calc( func ){
  19.                                 if(func.value == '相加'){
  20.                                         document.getElementById("result").value =(parseFloat(document.getElementById('num1').value)+parseFloat(document.getElementById('num2').value));
  21.                                 }
  22.                                 if(func.value == '相减'){
  23.                                         document.getElementById("result").value =(parseFloat(document.getElementById('num1').value)-parseFloat(document.getElementById('num2').value));
  24.                                 }
  25.                                 if(func.value == '相乘'){
  26.                                         document.getElementById("result").value =(parseFloat(document.getElementById('num1').value)*parseFloat(document.getElementById('num2').value));
  27.                                 }
  28.                                 if(func.value == '相除'){
  29.                                         document.getElementById("result").value =(parseFloat(document.getElementById('num1').value)/parseFloat(document.getElementById('num2').value));
  30.                                 }
  31.                         }                        
  32.                 </script>               
  33.         </body>
  34. </html>
复制代码

如何用add()   sub()   mul()   div()  来实现上述过程
最佳答案
月排行榜 / 总排行榜
542624047
2020-3-19 18:29:42
add() 方法用于向 <select> 添加一个 <option> 元素。  ---官方说明
你说的应该是用名字为add sub mul div的自定义函数吧.
如果是这样 可以参考以下
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8" />
  5.                 <title>四则运算</title>
  6.         </head>
  7.         <body>
  8.                 <p>整数1：<input id="num1" type="text"></p>
  9.                 <p>整数2：<input id="num2" type="text"></p>
  10.                 <p>
  11.                         <input type="button" value="相加" onclick="add()" >
  12.                         <input type="button" value="相减" onclick="sub()" >
  13.                         <input type="button" value="相乘" onclick="mul()" >
  14.                         <input type="button" value="相除" onclick="div()" >
  15.                 </p>
  16.                 <p>结果：<input id="result" type="text" readonly /></p>
  17.                 <script type="text/javascript">   
  18.                                                 var num1=document.getElementById('num1');
  19.                                                 var num2=document.getElementById('num2');
  20.                                                 var result=document.getElementById("result");
  21.                                                 function add(){
  22.                                                         result.value=parseFloat(num1.value)+parseFloat(num2.value);
  23.                                                 }
  24.                                                 function sub(){
  25.                                                         result.value=parseFloat(num1.value)-parseFloat(num2.value);
  26.                                                 }
  27.                                                 function mul(){
  28.                                                         result.value=parseFloat(num1.value)*parseFloat(num2.value);
  29.                                                 }
  30.                                                 function div(){
  31.                                                         result.value=parseFloat(num1.value)/parseFloat(num2.value);
  32.                                                 }
  33.                 </script>               
  34.         </body>
  35. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

不二如是
发表于 2020-3-18 08:57:17 | 显示全部楼层
是需要将上面实现的方式，用 add() 等方法重现？
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

admin2019951090
发表于 2020-3-18 11:48:07 | 显示全部楼层
document.getElementById("result").value = document.getElementById("num1").add(document.getElementById("num2"))
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

狗王
 楼主| 发表于 2020-3-18 14:30:46 | 显示全部楼层
不二如是 发表于 2020-3-18 08:57
是需要将上面实现的方式，用 add() 等方法重现？

是的
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

狗王
 楼主| 发表于 2020-3-18 14:32:57 | 显示全部楼层
admin2019951090 发表于 2020-3-18 11:48
document.getElementById("result").value = document.getElementById("num1").add(document.getElementByI ...

这种不行呀
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

542624047
发表于 2020-3-19 18:29:42 | 显示全部楼层    本楼为最佳答案   
add() 方法用于向 <select> 添加一个 <option> 元素。  ---官方说明
你说的应该是用名字为add sub mul div的自定义函数吧.
如果是这样 可以参考以下
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8" />
  5.                 <title>四则运算</title>
  6.         </head>
  7.         <body>
  8.                 <p>整数1：<input id="num1" type="text"></p>
  9.                 <p>整数2：<input id="num2" type="text"></p>
  10.                 <p>
  11.                         <input type="button" value="相加" onclick="add()" >
  12.                         <input type="button" value="相减" onclick="sub()" >
  13.                         <input type="button" value="相乘" onclick="mul()" >
  14.                         <input type="button" value="相除" onclick="div()" >
  15.                 </p>
  16.                 <p>结果：<input id="result" type="text" readonly /></p>
  17.                 <script type="text/javascript">   
  18.                                                 var num1=document.getElementById('num1');
  19.                                                 var num2=document.getElementById('num2');
  20.                                                 var result=document.getElementById("result");
  21.                                                 function add(){
  22.                                                         result.value=parseFloat(num1.value)+parseFloat(num2.value);
  23.                                                 }
  24.                                                 function sub(){
  25.                                                         result.value=parseFloat(num1.value)-parseFloat(num2.value);
  26.                                                 }
  27.                                                 function mul(){
  28.                                                         result.value=parseFloat(num1.value)*parseFloat(num2.value);
  29.                                                 }
  30.                                                 function div(){
  31.                                                         result.value=parseFloat(num1.value)/parseFloat(num2.value);
  32.                                                 }
  33.                 </script>               
  34.         </body>
  35. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-5-5 14:10

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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