JavaScript - 编写四则运算函数

来源：互联网发布：淘宝商城高领打底衫女编辑：程序博客网时间：2024/05/16 08:46

<!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" onclick="show(prompt('请输入次数',''))" /><br/>
    <input type="button" value="计算两数之和" onclick="showSum()" /><br/>
    <input type="button" value="调用带参函数时可以不传参" onclick="show()" /><br/>
    用户名：<input type="text" id="username" /><input type="button" value="获取用户名" onclick="getUsername()" />

</body>
</html>

0 0