脚本设计

最新推荐文章于 2022-09-20 08:03:05 发布

涛仔喜欢笨蛋

最新推荐文章于 2022-09-20 08:03:05 发布

阅读量669

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/qq_44767226/article/details/103613526

版权

<!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>
 <style type="text/css">
p{
font-size:24px;
}
.xianshi{
font-size:36px;
background:#99CC33;
width:200px;
}

 </style>
 <script type="text/javascript">
 //此处编写JS代码
	 
	 function qiu(){
		var long = document.getElementById("chang").value;
		var width = document.getElementById("kuan").value;
		var height = document.getElementById("gao").value;
		 l=parseInt(long);
		 w=parseInt(width);
		 h=parseFloat(height);
		v=l*w*h;
		document.getElementById("tiji").innerHTML=v;
		s=2*(l*w+l*h+w*h);
		 document.getElementById("biaomianji").innerHTML=s;
	 }
 </script>
	
</head>
<body> 
	<div>
		<iframe id="header" src="header.html" scrolling="no"  width="100%" height="700px"></iframe>
	</div>
		<div id="content">
	<center>	
		<p style="font-size:24px;">按照下面表单各项，请实现当输入长方体的长，宽，高时，在相应的元素中显示出长方体的<b>表面积和体积</b></p>
			<p><a href="index.htm" style="background-color:#FF3399; font-size:24px">返回考试首页</a></p>
	<p style="font-size:40px;">我的JavaScript代码设计</p>

<br>
<hr/>

       <p > 长：<input id = "chang" type="text" name="chang" value="" size="10"/>
        <br><br>
        宽：<input type="text" id = "kuan" name="宽" value="" size="10"/>
        <br><br>
        高：<input type="text" name="高"  id = "gao" value="" size="10"/>
        <br />
		<br/>
		<input type="button" name="jisuan"  value="计算体积和表面积" onclick="qiu()"/>
        <br><br>
		</p>
        <p id="biaomianji"  class="xianshi" style="font-size:18px;">此处显示表面积</p>
		 <p id="tiji"  class="xianshi"  style="font-size:18px;">此处显示体积</p>
		 
		
	<div style="margin:10px;">	
	<center>
     		<iframe runat="server" src="footer.html" width="980" height="150" frameborder="0" scrolling="no"></iframe>
	</center>
	</div>		
</body>
</html>

在这里插入图片描述

涛仔喜欢笨蛋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
脚本设计

上机考试操JS部分按照下面表单各项，请实现当输入长方体的长，宽，高时，在相应的元素中显示出长方体的表面积和体积返回考试首页我的JavaScript代码设计 <p > 长：<input id = "chang" type="text" name="chang" value="" size="10...
复制链接

扫一扫