• 技术文章 >web前端 >js教程

    javascript如何实现加减乘除

    醉折花枝作酒筹醉折花枝作酒筹2021-04-13 18:15:08原创567

    javascript实现加减乘除的方法:首先使用“document.getElementById('id').value”获得两数的值;2、使用“+”、“-”、“*”和“/”运算符号进行算数运算,得出结果。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <title>加减乘除运算</title>
    </head>
    <body>
        <h1 align="center">加减乘除运算</h1>
        <div id="" align="center">
            数值A:<input type="number" id="a" /> </br>
            数值B:<input type="number" id="b" /> </br>
            结果:<input type ="number" id="c"> </br>
            <input type="button" value="加" οnclick="jia()">
            <input type="button" value="减" οnclick="jian()" >
            <input type="button" value="乘" οnclick="cheng()">
            <input type="button" value="除" οnclick="chu()">
        </div>
    </body>
    <script type="text/javascript">
    function jia(){//加法
        var a=document.getElementById('a').value;
        var b=document.getElementById('b').value;
        var c=document.getElementById('c');
        c.value=Number(a)+Number(b);
    }
    function jian(){//减法
        var a=document.getElementById('a').value;
        var b=document.getElementById('b').value;
        var c=document.getElementById('c');
        c.value=Number(a)-Number(b);
    }
    function cheng(){//乘法
        var a=document.getElementById('a').value;
        var b=document.getElementById('b').value;
        var c=document.getElementById('c');
        c.value=Number(a)*Number(b);
    }
    function chu(){//除法
        var a=document.getElementById('a').value;
        var b=document.getElementById('b').value;
        var c=document.getElementById('c');
        c.value=Number(a)/Number(b);
    }
    </script>
    </html>

    推荐学习:javascript视频教程

    以上就是javascript如何实现加减乘除的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 加减乘除
    上一篇:javascript如何实现跳转新页面 下一篇:javascript怎么删除div节点
    大前端线上培训班

    相关文章推荐

    • javascript调用后台的方法• javascript如何删除Cookie• javascript怎么设置value属性• javascript怎么判断是否为数字类型• Javascript中导入js文件的两种方式

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网