完成计算任意区间内连续自然数的累加和

最新推荐文章于 2024-02-14 08:00:00 发布

一行tf

最新推荐文章于 2024-02-14 08:00:00 发布

阅读量6.2k

点赞数 8

分类专栏： javaweb 文章标签： javascript

本文链接：https://blog.csdn.net/tf617/article/details/116244188

版权

javaweb 专栏收录该内容

16 篇文章 8 订阅

订阅专栏

1、完成计算任意区间内连续自然数的累加和sum(n1,n2)、显示累加和show()等函数的定义，实现页面布局如下图所示。（可适当定义CSS样式修饰页面效果）在这里插入图片描述
未定义样式效果图如下图所示：

出错时，弹出则弹出告警消息框（起始数大于等于终止数时页面效果图）

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>计算任意区间内连续自然数的累加和</title>
	<style>
		#myform {
			outline: 10px solid pink;
			border-left: 10px solid #0F0;
			border-top: 10px solid #0F0;
			border-bottom: 10px solid #000;
			border-right: 10px solid #000;

			text-align: center;

		}
	</style>
	<script type="text/javaScript">
		function $(id) {
			return document.getElementById(id);
		}
		function sum(n1, n2) {
			for (var i = n1, sum1 = 0; i <= n2; i++) {
				sum1 = sum1 + i;
			}
			return sum1;
		}
		function show() {
			var a = parseInt($("start").value);
			var b = parseInt($("end").value);
			if (a > 0 && b > 0) {
				if (b <= a) {
					alert("起始数不可以大于或者等于终止数，请重新输入：");
					$("start").value = "";
					$("end").value = "";
					$("start").focus();
				} else {

					$("sum").value = sum(a, b);
				}
			} else {
				alert("起始数和终止数都不可以小于0，请重新输入数据！");
				$("start").focus();
				
			}
		}

	</script>
</head>

<body>
	<form name="myform" id="myform">
		<h3>
			计算任意区间内连续自然数的累加和
		</h3>
		<h3>
			定义区间
		</h3>
		起始数：<input type="text" name="start" id="start" />
		终止数：<input type="text" name="end" id="end" /><br />
		累加和：<input type="text" name="sum" id="sum" /><br />
		<input type="button" value="计算" onclick="show();" />
		<input type="reset" value="清空" />
	</form>
</body>

</html>

一行tf

关注

8
点赞
踩
54

收藏

觉得还不错? 一键收藏
3
评论
完成计算任意区间内连续自然数的累加和

1、完成计算任意区间内连续自然数的累加和sum(n1,n2)、显示累加和show()等函数的定义，实现页面布局如下图所示。（可适当定义CSS样式修饰页面效果）未定义样式效果图如下图所示：出错时，弹出则弹出告警消息框（起始数大于等于终止数时页面效果图）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
复制链接

扫一扫

专栏目录