JS编写简易计算器

最新推荐文章于 2021-02-25 03:43:16 发布

weixin_33935777

最新推荐文章于 2021-02-25 03:43:16 发布

阅读量72

点赞数

原文链接：http://www.cnblogs.com/Andy-/p/7586771.html

版权

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        function add(){
            var a=parseInt(document.getElementById("num1").value);/*获取a的值*/
            var b=parseInt(document.getElementById("num2").value);
            var c=parseInt(document.getElementById("num3").value=a+b);/*value=a+b 将a+b的值传给num3*/
           // alert(a+b);
        }
        function de(){
            var a=parseInt(document.getElementById("num1").value)/*获取a的值*/
            var b=parseInt(document.getElementById("num2").value);
            var c=parseInt(document.getElementById("num3").value=a-b);
           // alert(a-b);
        }
        function mul(){            /*放在方法里，点击才开始访问数据*/
            var a=parseInt(document.getElementById("num1").value);/*获取a的值*/
            var b=parseInt(document.getElementById("num2").value);
            var c=parseInt(document.getElementById("num3").value=a*b);
            //alert(a*b);
        }
        function chu(){
            var a=parseInt(document.getElementById("num1").value);/*获取a的值*/
            var b=parseInt(document.getElementById("num2").value);
            var c=parseInt(document.getElementById("num3").value=a/b);
           // alert(a/b);
        }
    </script>
</head>
<br>
    <label>简易计算器</label></br>
    <label>第一个数：</label><input type="=text" id="num1"></br>
    <label>第二个数：</label><input type="=text" id="num2"></br>
    <button οnclick="add()">+</button>
    <button οnclick="de()">-</button>
    <button οnclick="mul()">*</button>
    <button οnclick="chu()">/</button><br>
    <label>结果：</label><input type="text" id="num3">
</body>
</html>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
function add(){
var a=parseInt(document.getElementById("num1").value);/*获取a的值*/
var b=parseInt(document.getElementById("num2").value);
var c=parseInt(document.getElementById("num3").value=a+b);/*value=a+b 将a+b的值传给num3*/
alert(a+b);
        }
function de(){
var a=parseInt(document.getElementById("num1").value)/*获取a的值*/
var b=parseInt(document.getElementById("num2").value);
var c=parseInt(document.getElementById("num3").value=a-b);
alert(a-b);
        }
function mul(){            /*放在方法里，点击才开始访问数据*/
var a=parseInt(document.getElementById("num1").value);/*获取a的值*/
var b=parseInt(document.getElementById("num2").value);
var c=parseInt(document.getElementById("num3").value=a*b);
alert(a*b);
        }
function chu(){
var a=parseInt(document.getElementById("num1").value);/*获取a的值*/
var b=parseInt(document.getElementById("num2").value);
var c=parseInt(document.getElementById("num3").value=a/b);
alert(a/b);
        }
</script>
</head>
<br>
<label>简易计算器</label></br>
<label>第一个数：</label><input type="=text" id="num1"></br>
<label>第二个数：</label><input type="=text" id="num2"></br>
<button οnclick="add()">+</button>
<button οnclick="de()">-</button>
<button οnclick="mul()">*</button>
<button οnclick="chu()">/</button><br>
<label>结果：</label><input type="text" id="num3">
</body>
</html>

转载于:https://www.cnblogs.com/Andy-/p/7586771.html

weixin_33935777

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS编写简易计算器

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/html"><head lang="en"> <meta charset="UTF-8"> <title></title> <script> functi...
复制链接

扫一扫