JavaScript实现求长方体表面积与体积

最新推荐文章于 2024-04-05 10:02:16 发布

sumishiwo

最新推荐文章于 2024-04-05 10:02:16 发布

阅读量4.7k

点赞数 5

本文链接：https://blog.csdn.net/sumishiwo/article/details/111350335

版权

JavaScript实现求长方体表面积与体积

一、思路
1、首先，长方体的长、宽、高是输入的，所以先获取在输入区输入的长宽高的值，赋值给定义的新的变量来储存获取的值；
2、将变量进行相应的运算，赋值给另一变量；
3、通过获取要输出位置的id来确定输出位置，将计算得出的值赋值给内容。

二、相应部分代码
1、通过id获取输入的长宽高：

document.getElementById("chang").value

document.getElementById("kaun").value

document.getElementById("gao").value；

2、定义新变量：

var a

3、相应运算：

表面积：S=(parseInt(a)*parseInt(b)+parseInt(a)*parseInt(c)+parseInt(b)*parseInt(c))*2

体积：V=parseInt(a)*parseInt(b)*parseInt(c)

其中value得出的值是字符串，可以用parseInt()将字符串转换为整数，由此进行运算

4、在指定id处输出：
document.getElementById("biaomianji").innerHTML=S document.getElementById("tiji").innerHTML=V;

三、综合部分代码（要写在函数里）

<script>
function jisuan()
{
    var a=document.getElementById("chang").value;
    var b=document.getElementById("kuan").value;
    var c=document.getElementById("gao").value;

    var S=(a*b+a*c+b*c)*2;
    var V=a*b*c;
    document.getElementById("biaomianji").innerHTML=S;
    document.getElementById("tiji").innerHTML=V;
}
 </script>

四、整体代码

<html>
<head>
<script>

function jisuan()
{
    var a=document.getElementById("chang").value;
    var b=document.getElementById("kuan").value;
    var c=document.getElementById("gao").value;

    var S=(a*b+a*c+b*c)*2;
    var V=a*b*c;
    document.getElementById("biaomianji").innerHTML=S;
    document.getElementById("tiji").innerHTML=V;
}
 </script>
</head>
<body>
<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="jisuan()"/>
        <br><br>
		</p>
        <p id="biaomianji"  class="xianshi" style="font-size:18px;">此处显示表面积</p>
		 <p id="tiji"  class="xianshi"  style="font-size:18px;">此处显示体积</p>
		 
</body>

</html>

五、结果截屏展示
在这里插入图片描述

sumishiwo

关注

5
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现求长方体表面积与体积

JavaScript实现求长方体表面积与体积一、思路1、首先，长方体的长、宽、高是输入的，所以先获取在输入区输入的长宽高的值，赋值给定义的新的变量来储存获取的值；2、将变量进行相应的运算，赋值给另一变量；3、通过获取要输出位置的id来确定输出位置，将计算得出的值赋值给内容。二、相应部分代码1、通过id获取输入的长宽高：document.getElementById("chang").valuedocument.getElementById("kaun").valuedocument.get
复制链接

扫一扫