近日闲鱼订购一个100*60*70(单位:cm),厚度1cm的超白玻璃鱼缸,自提的时候发现,鱼缸太大太沉,货拉拉司机加我两个人搬不动,只好退货了。
为了避免再出现这种尴尬情况,使用JS写一个简单的方形鱼缸重量及体积计算器,再次购买鱼缸时先计算再考虑是否买。
<html>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8">
<head>
<script type="text/javascript">
function calculate(){
var l=document.getElementById('id0').value;
var w=document.getElementById('id1').value;
var h=document.getElementById('id2').value;
var t=document.getElementById('id3').value;
var p=document.getElementById('id4').value;
//玻璃体积=鱼缸总体积-满水时水的体积
var m=(p*(l*w*h-(l-2*t)*(w-2*t)*(h-t)))/1000
//满水时水的体积
var v=((l-2*t)*(w-2*t)*(h-t))/1000
document.getElementById('id6').value=m;
//1L水重1kg
document.getElementById('id7').value=v;
}
</script>
</head>
<body>
<INPUT id="id0" type="text" value="" style="width:600px">长(单位:cm)
<INPUT id="id1" type="text" value="" style="width:600px">宽(单位:cm)
<INPUT id="id2" type="text" value="" style="width:600px">高(单位:cm)
<INPUT id="id3" type="text" value="" style="width:600px">厚(单位:cm)
<INPUT id="id4" type="text" value="2.5076" style="width:600px">玻璃密度(单位:g/cm³)
<INPUT id="id5" onclick="calculate()" type="button" value="计算" name="test" style="width:80px">
<INPUT id="id6" type="text" value="" style="width:600px">鱼缸重量(长方形无顶)(单位:kg)
<INPUT id="id7" type="text" value="" style="width:600px">最大容纳体积(单位:L)/最大容纳水重量(单位:kg)
</body>
</html>
计算100*60*70(单位:cm),厚度1cm的超白玻璃鱼缸,果然重约70公斤:
现在又看中一款100*30*35(单位:cm),厚度1cm的超白玻璃鱼缸,重量约30kg,搬运没问题了。
代码简单,功能却很有用。第一次发现写的代码直接对日常生活的起到帮助,感觉很奇妙。