JavaScript计算三角形面积

最新推荐文章于 2022-11-05 15:55:11 发布

翱翔天地

最新推荐文章于 2022-11-05 15:55:11 发布

阅读量9.4k

点赞数 2

分类专栏： HTML JavaScript CSS 文章标签： JavaScript 三角形面积

本文链接：https://blog.csdn.net/you23hai45/article/details/12405199

版权

JavaScript 同时被 3 个专栏收录

243 篇文章 2 订阅

订阅专栏

HTML

131 篇文章 0 订阅

订阅专栏

CSS

102 篇文章 1 订阅

订阅专栏

1、设计思路

（1）第一种是直接在JavaScript中定义

（2）第二种是利用函数

（3）第三种是利用函数，优化功能，提高可重用性

2、源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计算三角形面积</title>
<script type="text/javascript">
    //三角形的宽度
    var width = window.prompt("请输入三角形的宽！","");
	//三角形的高度
	var height = window.prompt("请输入三角形的高！","");
	//三角形的面积
	var area = (width*height)/2;
	if(!isNaN(area))
	{
		alert("三角形的面积："+area);
	}else{
		alert("您输入有误！");
	}
	
	/**
	计算三角形面积
	*/
	function calTriangle()
	{
		 //三角形的宽度
		var width = window.prompt("请输入三角形的宽！","");
		//三角形的高度
		var height = window.prompt("请输入三角形的高！","");
		//三角形的面积
		var area = (width*height)/2;
		if(!isNaN(area))
		{
			alert("三角形的面积："+area);
		}else{
			alert("您输入有误！");
		}
	}
	
	/**
	计算三角形面积
	*/
	function calArea(width,height)
	{
		return width*height/2;
	}
	
	 //三角形的宽度
    var w = window.prompt("输入三角形的宽！","");
	//三角形的高度
	var h = window.prompt("输入三角形的高！","");
	
	document.write(calArea(w,h));
	
</script>
</head>

<body>
   <div id="div_btn" style="text-align:center; font-size:16px;">
      <input type="button" οnclick="calTriangle()" value="计算"/>
   </div>
</body>
</html>

3、结果如下

（1）第一种方法

（2）第二种

（3）第三种

翱翔天地

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
JavaScript计算三角形面积

1、设计思路（1）第一种是直接在JavaScript中定义（2）第二种是利用函数（3）第三种是利用函数，优化功能，提高可重用性2、源码计算三角形面积 //三角形的宽度 var width = window.prompt("请输入三角形的宽！",""); //三角形的高度 var height = window.prompt("请输入三角形的高！
复制链接

扫一扫