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

狗王 · 发表于 2020-3-18 07:41:36

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

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

x

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <title>四则运算</title>
        </head>
        <body>
                <p>整数1：<input id="num1" type="text"></p>
                <p>整数2：<input id="num2" type="text"></p>
                <p>
                        <input type="button" value="相加" onclick="calc(this)" >
                        <input type="button" value="相减" onclick="calc(this)" >
                        <input type="button" value="相乘" onclick="calc(this)" >
                        <input type="button" value="相除" onclick="calc(this)" >
                </p>
                <p>结果：<input id="result" type="text" readonly /></p>
                <script type="text/javascript">                
                        function calc( func ){
                                if(func.value == '相加'){
                                        document.getElementById("result").value =(parseFloat(document.getElementById('num1').value)+parseFloat(document.getElementById('num2').value));
                                }
                                if(func.value == '相减'){
                                        document.getElementById("result").value =(parseFloat(document.getElementById('num1').value)-parseFloat(document.getElementById('num2').value));
                                }
                                if(func.value == '相乘'){
                                        document.getElementById("result").value =(parseFloat(document.getElementById('num1').value)*parseFloat(document.getElementById('num2').value));
                                }
                                if(func.value == '相除'){
                                        document.getElementById("result").value =(parseFloat(document.getElementById('num1').value)/parseFloat(document.getElementById('num2').value));
                                }
                        }                        
                </script>                
        </body>
</html>

如何用add() sub() mul() div() 来实现上述过程

最佳答案

月排行榜 / 总排行榜

542624047

2020-3-19 18:29:42

add() 方法用于向 <select> 添加一个 <option> 元素。 ---官方说明
你说的应该是用名字为add sub mul div的自定义函数吧.
如果是这样可以参考以下

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <title>四则运算</title>
        </head>
        <body>
                <p>整数1：<input id="num1" type="text"></p>
                <p>整数2：<input id="num2" type="text"></p>
                <p>
                        <input type="button" value="相加" onclick="add()" >
                        <input type="button" value="相减" onclick="sub()" >
                        <input type="button" value="相乘" onclick="mul()" >
                        <input type="button" value="相除" onclick="div()" >
                </p>
                <p>结果：<input id="result" type="text" readonly /></p>
                <script type="text/javascript">    
                                                var num1=document.getElementById('num1');
                                                var num2=document.getElementById('num2');
                                                var result=document.getElementById("result");
                                                function add(){
                                                        result.value=parseFloat(num1.value)+parseFloat(num2.value);
                                                }
                                                function sub(){
                                                        result.value=parseFloat(num1.value)-parseFloat(num2.value);
                                                }
                                                function mul(){
                                                        result.value=parseFloat(num1.value)*parseFloat(num2.value);
                                                }
                                                function div(){
                                                        result.value=parseFloat(num1.value)/parseFloat(num2.value);
                                                }
                </script>                
        </body>
</html>

跳转到最佳答案楼层

不二如是 · 发表于 2020-3-18 08:57:17

是需要将上面实现的方式，用 add() 等方法重现？

admin2019951090 · 发表于 2020-3-18 11:48:07

document.getElementById("result").value = document.getElementById("num1").add(document.getElementById("num2"))

狗王 · 发表于 2020-3-18 14:30:46

不二如是发表于 2020-3-18 08:57
是需要将上面实现的方式，用 add() 等方法重现？

是的

狗王 · 发表于 2020-3-18 14:32:57

admin2019951090 发表于 2020-3-18 11:48
document.getElementById("result").value = document.getElementById("num1").add(document.getElementByI ...

这种不行呀

542624047 · 发表于 2020-3-19 18:29:42

这个最佳答案由 542624047 给出，感谢 542624047 的回答。

单击隐藏图章

add() 方法用于向 <select> 添加一个 <option> 元素。 ---官方说明
你说的应该是用名字为add sub mul div的自定义函数吧.
如果是这样可以参考以下

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <title>四则运算</title>
        </head>
        <body>
                <p>整数1：<input id="num1" type="text"></p>
                <p>整数2：<input id="num2" type="text"></p>
                <p>
                        <input type="button" value="相加" onclick="add()" >
                        <input type="button" value="相减" onclick="sub()" >
                        <input type="button" value="相乘" onclick="mul()" >
                        <input type="button" value="相除" onclick="div()" >
                </p>
                <p>结果：<input id="result" type="text" readonly /></p>
                <script type="text/javascript">    
                                                var num1=document.getElementById('num1');
                                                var num2=document.getElementById('num2');
                                                var result=document.getElementById("result");
                                                function add(){
                                                        result.value=parseFloat(num1.value)+parseFloat(num2.value);
                                                }
                                                function sub(){
                                                        result.value=parseFloat(num1.value)-parseFloat(num2.value);
                                                }
                                                function mul(){
                                                        result.value=parseFloat(num1.value)*parseFloat(num2.value);
                                                }
                                                function div(){
                                                        result.value=parseFloat(num1.value)/parseFloat(num2.value);
                                                }
                </script>                
        </body>
</html>

账号		自动登录	找回密码
密码			立即注册