JavaScript - 编写四则运算函数

最新推荐文章于 2023-04-08 16:13:24 发布

wsxlgg

最新推荐文章于 2023-04-08 16:13:24 发布

阅读量7.1k

点赞数 1

分类专栏： javascript 文章标签： javascript 四则运算函数

本文链接：https://blog.csdn.net/shangdi1988/article/details/45370251

版权

javascript 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>四则运算函数</title>
    <script type="text/javascript">
        //var num1=prompt("请输入第一个整数：","");
        //alert(typeof(num1));
        //num1=parseInt(num1);
        //alert(typeof(num1));
        //var num2=prompt("请输入第二个小数：","");
        //num2=parseFloat(num2);
        //var sum=num1+num2;
        //alert("两数之和为："+sum);

        //NaN表示非数字
        //alert(parseInt("123abc456"));
        //alert(typeof(NaN));
        //alert(isNaN("tom"));
        //alert(isNaN("13"));
        //无参函数
        function show(){
            for(var i=0;i<5;i++){
                document.writeln("Hello World !<br/>");
            }
        }

        //定义带参的函数
        function show(count){
            for(var i=0;i<5;i++){
                document.writeln("Hello World !<br/>");
            }
        }

        //带参带返回值的函数
        function calcSum(num1,num2){
            return num1+num2;
        }

        function showSum(){
            var num1=prompt("请输入第一个数：","");
            var num2=prompt("请输入第二个数：","");
            num1=parseFloat(num1);
            num2=parseFloat(num2);
            var sum=calcSum(num1,num2);
            alert("两数之和为："+sum);
        }

        //练习——编写一个四则运算函数

        function getUsername(){
            alert(document.getElementById("username").value);
        }
    </script>
</head>

<body>
    <input type="button" value="显示指定次数的Hello World" οnclick="show(prompt('请输入次数',''))" /><br/>
    <input type="button" value="计算两数之和" οnclick="showSum()" /><br/>
    <input type="button" value="调用带参函数时可以不传参" οnclick="show()" /><br/>
    用户名：<input type="text" id="username" /><input type="button" value="获取用户名" οnclick="getUsername()" />

</body>
</html>