上机练习题

最新推荐文章于 2024-01-19 00:03:19 发布

讲道理的小王

最新推荐文章于 2024-01-19 00:03:19 发布

阅读量2.1k

点赞数 5

分类专栏：网页设计文章标签： js html javascript css jquery

本文链接：https://blog.csdn.net/zuis_huai/article/details/111452995

版权

这是一篇关于JavaScript编程的实践练习，涵盖了计算水果总重量和总价、圆的周长和面积、HTML页面布局、数组去重和奇数索引元素求和等功能。此外，还涉及复利计算的函数设计，对于理解和应用JavaScript编程技能具有很好的指导作用。

摘要由CSDN通过智能技术生成

上机练习题

1.根据输入的苹果和香蕉的数量，用JS代码实现点击“计算”按钮时，计算并显示总重量和总价钱。

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
function zong1() {
    
	var p=document.getElementById("pingguo").value;

	var x=document.getElementById("xiangjiao").value;
	p=Number(p);
	x=Number(x);	
	var z=p+x;
	document.getElementById('zhong').value=z;
	var z1=p*2+x*3;
	document.getElementById('zong').value=z1;
}
	</script>
</head>
<body>
	<div>苹果（公斤）：
		<input type="txt" id="pingguo">
		单价：2元/公斤
	</div><br>	
	<div>香蕉（公斤）：
		<input type="txt" id="xiangjiao">
		单价：3元/公斤
	</div><br>
	<div>
		水果总重（公斤）：<input type="txt" id="zhong" value=0>
	</div><br>
	<div>
		总价：<input type="txt" id="zong" value=0>元
	</div><br>
	<input type="button" value="计算" onclick="zong1();">
</body>
</html>