javaScript中的用自定义函数function从input中获取属性值,计算矩形面积。

首先简要介绍下自定义函数:

自定义函数类似于java中的方法,将程序模块化,可以被重复利用。

形式如下:

function 自定义函数([参数列表]){

<代码>

(return 返回值)

  }

以下代码演示了自定义函数的使用方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javaScript基础</title>
</head>
<body>
<script type="text/javascript">
    function add(a,b){
        return a+b;

    }
    document.write(add(3,7));
    document.write("<br>");
    document.write(add(5,8));
</script>
</body>
</html>

结果:

10
13
先写两个input标签,定义type类型为text,给它添加一个id属性:
<form action="" method="post">
长: <br>
    <input type="text" id="a1"><br>
宽: <br>
<input type="text" id="b1"><br>
    <button  οnclick="cha()" name="矩形的面积" value="">计算面积</button>
    <input type="reset" name="reset" value="重置">
</form>

然后在下面写<script type="text/javascript"></script>,上面的计算面积时,调用脚本的方法。

<script type="text/javascript">
    function cha(){
        var a=document.getElementById("a1").value;
        var b=document.getElementById("b1").value;
        alert("矩形的面积是:  "+a*b);
    }

</script>


  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值