javascript怎么将两个数进行相乘和相除

这篇文章主要讲解了“javascript怎么将两个数进行相乘和相除”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“javascript怎么将两个数进行相乘和相除”吧！

创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的赣县网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

本文的中文主题则是“编写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>

通过浏览器查看效果如下：

javascript怎么将两个数进行相乘和相除

那么我们随便输入两个数，来看看相乘和相除的计算结果：

javascript怎么将两个数进行相乘和相除

没毛病！完全正确！

在上述代码中：

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怎么将两个数进行相乘和相除这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

新闻标题：javascript怎么将两个数进行相乘和相除
文章地址：https://www.cdcxhl.com/article20/gohcjo.html

成都网站建设公司_创新互联，为您提供定制开发、关键词优化、自适应网站、全网营销推广、营销型网站建设、网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容