怎样用javascript做两个数的乘除计算?对两个数做乘除计算是学习javascript时比较常见的练习,过程还是比较简单的,下文代码对新手学习JS有一定的帮助,有需要的朋友跟随小编来学习一下吧。
本文的中文主题则是“编写JavaScript程序来计算两个数字(从用户输入)的乘积和商”。
如果说,我们需要根据用户输入的两个数字来计算乘除,那么肯定要从建立表单开始。
下面我就给大家直接上完整的实现代码:
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title></title> <style type="text/css"> body {margin: 30px;} </style> </head> <body> <form> 第一个数 : <input type="text" id="firstNumber" /><br> 第二个数: <input type="text" id="secondNumber" /><br> <input type="button" onClick="multiplyBy()" Value="相乘" /> <input type="button" onClick="divideBy()" Value="相除" /> </form> <p>计算结果是: <br> <span id = "result"></span> </p> <script> function multiplyBy() { num1 = document.getElementById("firstNumber").value; num2 = document.getElementById("secondNumber").value; document.getElementById("result").innerHTML = num1 * num2; } function divideBy() { num1 = document.getElementById("firstNumber").value; num2 = document.getElementById("secondNumber").value; document.getElementById("result").innerHTML = num1 / num2; } </script> </body> </html>
通过浏览器查看效果如下:
那么我们随便输入两个数,来看看相乘和相除的计算结果:
没毛病!完全正确!
在上述代码中:
document.getElementById(id).value
: value属性设置或返回文本字段的value属性的值。
document.getElementById("result").innerHTM
: innerHTML属性设置或返回元素的HTML内容(内部HTML)。
→注:HTML DOM定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName();不过,如果需要查找文档中的一个特定的元素,最有效的方法是getElementById()。在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。
还有关键计算相乘和相除的公式“num1 * num2
”和“num1 / num2
”。
以上就是javascript乘除计算方法介绍了,有需要的朋友可以参考上述代码,想要了解javascript加减计算或者其他更复杂的计算实现,请关注群英网络其它相关文章。
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2018 群英 版权所有 茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号-36 粤公网安备 44090202000006号 粤工商备P091701000595