码迷,mamicode.com
首页 > 其他好文 > 详细

经典封装之计算三角形的面积

时间:2017-09-30 19:38:39      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:set   面积   style   text   col   png   har   fun   经典   

<!doctype html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <title>计算三角形的面积</title> 
      <script>
          //创建一个计算三角形
          function test(){
              var h,d,s;
              h=5;
              d=8;
              s=h*d/2;
              alert(s);
          }
          test();
          //活数据
          function mj(h,j){
              var s;
              s=h*j/2;
              alert(s);
          }
          function result(h,d){
              //获取高和底
              var x,y;
              x=document.getElementById("hi").value;
              y=document.getElementById("di").value;
              mj(x,y);
          }
      </script>
</head>
<body>
    高:<input type="text" id="hi">
    底:<input type="text" id="di">
    <input type="button" value="计算面积" onclick="result(‘hi‘,‘di‘)">
</body>
</html>

效果图展示:

技术分享

经典封装之计算三角形的面积

标签:set   面积   style   text   col   png   har   fun   经典   

原文地址:http://www.cnblogs.com/heyiming/p/7615702.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!